Posted By

LeeRJohnson on 02/22/10


Tagged

video audio media markup html5 Delivery video-player video-fallback


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

LeeRJohnson


Mozilla Video Control HTML5 Player Markup


 / Published in: HTML
 

URL: http://www.mozilla.com/en-US/firefox/video/

I like Mozilla's new mark they have for 3.6 compared to 3.5!

  1. <div id="video-player">
  2. <h3>New in Firefox 3.6: Personas</h3>
  3. <p>Instantly change the look of your Firefox with thousands of easy-to-install themes.</p>
  4. <div class="mozilla-video-control">
  5. <video width="512" height="288" poster="/img/tignish/video/poster-personas.jpg" id="video" tabindex="0" controls="">
  6.  
  7. <source type="video/ogg; codecs=&quot;theora, vorbis&quot;" src="http://videos.mozilla.org/firefox/3.6/getpersonas.ogv"></source>
  8. <source type="video/mp4" src="http://videos.mozilla.org/firefox/3.6/getpersonas.mp4"></source>
  9.  
  10. <object data="/includes/flash/playerWithControls.swf?flv=firefox/3.6/getpersonas.mp4&amp;autoplay=false&amp;msg=Play%20Video" style="width: 512px; height: 306px;" type="application/x-shockwave-flash">
  11.  
  12. <param value="/includes/flash/playerWithControls.swf?flv=firefox/3.6/getpersonas.mp4&amp;autoplay=false&amp;msg=Play%20Video" name="movie">
  13. <param value="transparent" name="wmode">
  14.  
  15. <div class="video-player-no-flash">
  16. This video requires a browser with support for open video:
  17. <ul>
  18. <li><a href="http://www.mozilla.com/firefox/">Firefox</a> 3.5 or greater</li>
  19. <li><a href="http://www.apple.com/safari/">Safari</a> 3.1 or greater</li>
  20. </ul>
  21.  
  22. or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
  23. Alternatively, you may use the video download links to the right.
  24. </div>
  25.  
  26. </object>
  27.  
  28. </video>
  29. <a href="#" class="mozilla-video-control-overlay" style="opacity: 0; display: none;"></a></div>
  30. <p id="view-all"><a href="http://www.getpersonas.com/gallery/?source=moz.com_homepage">See all 30,000+ designs in the gallery</a></p>
  31. </div>

Report this snippet  

You need to login to post a comment.