Team:ETH Zurich/Templates/Video

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div style="margin-left: auto; margin-right: auto;" id="</html>{{{id|playerA}}}<html>" class="projekktor">
+
<div style="width: 90%; margin-left: auto; margin-right: auto; max-width:</html>{{{width|100%}}}<html>;">
 +
  <video id="</html>{{{id|playerA}}}<html>" class="projekktor" controls </html>poster="{{{poster|}}}"<html> style="width: 100%;">
 +
    <source src="</html>{{{srcMP4|}}}<html>" type="video/mp4" /> 
 +
    <source src="</html>{{{srcWEBM|}}}<html>" type="video/webm" />
 +
  </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,
+
        ratio: </html>{{{ratio|16/9}}}<html>
-
                  debug: false,
+
      },  
-
                  poster: "media/intro.png",
+
      function(player)  
-
                  playlist: [{
+
      { // "onready" callback -
-
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'}
+
      }
-
}]
+
    );
-
                },  
+
  });
-
 
+
</script>
-
                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"