Team:ETH Zurich/Templates/Video

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<div style="margin-left: auto; margin-right: auto;">
+
<div style="margin-left: auto; margin-right: auto;" id="</html>{{{id|playerA}}}<html>" class="projekktor">
-
  <video id="</html>{{{id|playerA}}}<html>" class="projekktor" poster="media/intro.png" title="</html>{{{title|}}}<html>" controls>
+
-
    <source src="</html>{{{srcMP4|<html>http://praegnanz.de/html5video/player/video_SD.mp4</html>}}}<html>" type="video/mp4" />       
+
-
    <source src="</html>{{{srcWEBM|<html>http://praegnanz.de/html5video/player/video_SD.webm</html>}}}<html>" type="video/webm" /> 
+
-
  </video>
+
</div>
</div>
     <script type="text/javascript">
     <script type="text/javascript">
Line 10: Line 6:
    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
+
                 {
 +
                  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 -
                 function(player) { // "onready" callback -
                      
                      

Revision as of 12:29, 23 September 2013