Team:ETH Zurich/Templates/Test

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
-
    <video id="v1" width="640" height="360" poster="player/shot.png" controls="controls">
 
-
        <source src="http://praegnanz.de/html5video/player/video_SD.mp4" type="video/mp4" />        <source src="http://praegnanz.de/html5video/player/video_SD.webm" type="video/webm" />       
 
-
          <object width="640" height="480" type="application/x-shockwave-flash" data="player/mediaelement/flashmediaelement.swf">
 
-
              <param name="movie" value="http://praegnanz.de/html5video/player/mediaelement/flashmediaelement.swf" />
 
-
              <param name="flashvars" value="controls=true&poster=player/shot.png&file=http://praegnanz.de/html5video/player/video_SD.mp4" />
 
-
              <img src="http://praegnanz.de/html5video/player/shot.png" width="640" height="360" title="No video playback capabilities" />
 
-
          </object>
 
-
      </video>
 
-
          
+
    <video id="player_a" class="projekktor" poster="media/intro.png" title="this is Projekktor" width="640" height="385" controls>
-
          <script>
+
         <source src="media/intro.ogv" type="video/ogg" />
-
          $(document).ready(function(){
+
        <source src="media/intro.mp4" type="video/mp4" />
-
          myplayer = new MediaElementPlayer('#v1', {
+
        <source src="media/intro.webm" type="video/webm" />
-
                  features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
+
    </video>
-
                  translationSelector: false
+
 
-
              });
+
 
-
            });
+
    <script type="text/javascript">
-
          </script>
+
$(document).ready(function() {
 +
    projekktor(
 +
                '#player_a', // destination-container-selector-fuzz a la jQuery
 +
                {}, // an empty Projekktor-ccofig-object
 +
                function(player) { // "onready" callback -
 +
                   
 +
                }
 +
    );
 +
});
 +
    </script>
 +
 
</html>
</html>

Revision as of 16:03, 5 September 2013

Header2.png
80px-Eth igem logo.png