Team:ETH Zurich/Templates/Video

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div style="width: 100%; max-width:</html>{{{width|640}}}<html>px; margin-left: auto; margin-right: auto;">
+
<div style="width: 90%; margin-left: auto; margin-right: auto; max-width:</html>{{{width|100%}}}<html>;">
-
   <video id="</html>{{{id|playerA}}}<html>" width="</html>{{{width|640}}}<html>" height="</html>{{{height|360}}}<html>" class="projekktor" poster="media/intro.png" title="</html>{{{title|}}}<html>" controls>
+
   <video id="</html>{{{id|playerA}}}<html>" class="projekktor" controls </html>poster="{{{poster|}}}"<html> style="width: 100%;">
-
     <source src="</html>{{{srcMP4|<html>http://praegnanz.de/html5video/player/video_SD.mp4</html>}}}<html>" type="video/mp4" />      
+
     <source src="</html>{{{srcMP4|}}}<html>" type="video/mp4" />
-
     <source src="</html>{{{srcWEBM|<html>http://praegnanz.de/html5video/player/video_SD.webm</html>}}}<html>" type="video/webm" />
+
     <source src="</html>{{{srcWEBM|}}}<html>" type="video/webm" />
   </video>
   </video>
</div>
</div>
-
    <script type="text/javascript">
+
<script type="text/javascript">
-
$(document).ready(function() {
+
  $(document).ready(function() {
-
    projekktor(
+
    projekktor(
-
                '#</html>{{{id|playerA}}}<html>', // destination-container-selector-fuzz a la jQuery
+
      '#</html>{{{id|playerA}}}<html>', // destination-container-selector-fuzz a la jQuery
-
                {ratio: 16/9, debug: false}, // an empty Projekktor-ccofig-object
+
      {
-
                function(player) { // "onready" callback -
+
        ratio: </html>{{{ratio|16/9}}}<html>
-
                   
+
      },  
-
                }
+
      function(player)  
-
    );
+
      { // "onready" callback -
-
});
+
       
-
    </script>
+
      }
 +
    );
 +
  });
 +
</script>
</html>
</html>

Latest revision as of 13:01, 25 October 2013