Team:ETH Zurich/Templates/Video

From 2013.igem.org

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

Latest revision as of 13:01, 25 October 2013

Retrieved from "http://2013.igem.org/Team:ETH_Zurich/Templates/Video"