Team:ETH Zurich/Templates/Video

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<div style="width: 90%; margin-left: auto; margin-right: auto; max-width:</html>{{{width|100%}}}<html>;">
<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|foo}}}<html>" controls style="width: 100%;">
+
   <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>
Line 20: Line 20:
   });
   });
</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"