martes, marzo 06, 2012

45 HTML5 Media Players + Tutorials and Resources


For a comparison of HTML5 video players, there is a chart here of 20 HTML5 video players.

HTML5 Media Players

  1. Acorn Media Player, Accessible and customizable HTML5 media player (Cristian I. Colceriu.)
  2. Akamai’s Open Video Player for HTML5 (Akamai Technologies)
  3. Ambilight for  (Currently offline butsource available here at the bottom.)
  4. Building a better HTML5 video player with Glow(Broken Links)
  5. CwVideo – A Toolkit to handle HTML 5 video made with mootools (chipwreck)
  6. Degradable HTML5Audio and Video Plugin (for WordPress) (Soukie’s Place)
  7. Dplayer – the ultimate HTML5 video player(dplayer.drivecast.eu)
  8. External “Video for Everybody” (WordPress.org Plugin Directory)
  9. FlareVideo – HTML5 video with Flash fallback(Alex MacCaw)
  10. FlasHTML5 Video: The JavaScript Library and WordPress Plugin (Labs.byHook)
  11. FryPlayer– HTML5 Video Player (FridayCode)
  12. HTML5 Media Player (Beta) (Advection.NET)
  13. HTML5 Video Player (Dailymotion)
  14. HTML5 video player (UnholyKnight)
  15. Html5-video – Videoplayer in HTML5 (rsms/html5-video – GitHub)
  16. html5media – Enables  (etianen/html5media – GitHub)
  17. jMediaelement – not only just another html5 audio / video player (protofunc.com/jme)
  18. jPlayer : HTML5 Audio & Video for jQuery(jplayer.org)
  19. jquery-video –jQuery UI video widget to enhance your HTML5  (azatoth/jquery-video – GitHub)
  20. JW Player for Flash & HTML5 (LongTail Video)
  21. Kaltura HTML5 Video & Media JavaScript Library(html5video.org)
  22. LeanBack Player – HTML5 Video Player with Subtitle-Support (freestyle-media.de)
  23. MediaElement.js – HTML5 video player and audio player with Flash and Silverlight shims (John Dyer)
  24. Miro 3.5 – An amazing open-source, non-profit video player. (Participatory Culture Foundation)
  25. MooPlay- HTML5 Video Player(mooplay.challet.eu)
  26. MooVES 1.0 – The MooTools Video Enhancement System (mooves.firebuntu.com)
  27. Moovie (Download link not available, coming soon.)
  28. OIPlayer jQuery plugin HTML5 audio and video player with fallback to Java and Flash (André van Toly)
  29. Open Standard Media (OSM) Player (MediaFront)
  30. Open Video Player for HTML5  (OVP)
  31. open-player – Cross-browser player for  (Google Project Hosting)
  32. Player Uppod HTML5 video and audio (Stuudio)
  33. Projekktor Video Tag Extension (WordPress.org Plugin Directory)
    Projekktor – HTML5 video player (Sascha Kluger, Spinning Airwhale Media)
  34. SublimeVideo HTML5 Video Player (Jilion)
  35. Video for Everybody! (Camen Design)
  36. VideoJS – a free & open source HTML5 video player (Zencoder, Inc.)
  37. Vimeo HTML5 Video Player (Vimeo)
  38. WP YouTube Lyte (WordPress.org Plugin Directory)
  39. YouTube HTML5 VideoPlayer (YouTube)
  40. YUI HTML5 Player (John McLaughlin)

HTML5 Audio Players

  1. Accessible Audio Player (AAP) – Cross-Browser HTML5 Audio Player (One Hand Clapping)
  2. An HTML5  (Opera Developer Community)
  3. audio.js – Add HTML5’s audio Tag Anywhere(Anthony Kolber)
  4. ZEN – a single-song HTML5 Audio Player (simurai)
  5. JAI – Javascript Audio Interface (Alistair MacDonald)

HTML5 Media JavaScript Libraries

HTML5

  1. Learn Flash To HTML5 Video Fallback (medhley | Mar 21, 2011)
  2. Use HTML5 Video Tags in your ASP.NET Applications (MS-Joe (Joe Stagner) | Mar 15, 2011)
  3. Simple HTML5 video player with Flash fallback and custom controls (Dev.Opera | Feb 17, 2011)
  4. HTML5 Video Facts & Fiction: New Whitepaper(Brightcove.com | Jan 31, 2011)
  5. The State of Video on the Web (Nettuts+ | Jan 14, 2011)
  6. Cross-Browser HTML5 Video With Flash or Silverlight Fall-back (SitePoint Blogs | Nov 5, 2010)
  7. Getting Started with HTML5 Video (Vitamin Feed | Aug 23, 2010)
  8. How to Include Video in HTML5 (O’Reilly Answers | Aug 19, 2010)
  9. How to Build a Custom HTML5 Video Player with jQuery (WebAppers | Aug 2, 2010)
  10. How to Building a custom HTML5 video player with CSS3 and jQuery (blogfreakz.com | Jul 30, 2010)
  11. How to Create an HTML5 Video Player(blogfreakz.com | Jun 13, 2010)
  12. Embed Videos In Your Web Pages Using HTML5(Webmonkey | May 10, 2010)
  13. Tutorial: How to Build an HTML5 Video Player(Steve Heffernan’s Blog | Apr 15, 2010)
  14. Quick Tip: HTML5 Video with a Fallback to Flash(Nettuts+ | Mar 12, 2010)

HTML5

  1. How to Building a Custom HTML5 Audio Player with jQuery (blogfreakz.com | Sep 2, 2010)
  2. Building a Custom HTML5 Audio Player with jQuery (Neutron Creations | Sep 2, 2010)

Other Useful Video Tutorials

  1. Stream Web Video, No Flash Knowledge Required(Webdesigntuts+ | Feb 24, 2011)
  2. Lazy Loading Video To Speed Up Your Web Page(AEXT.NET MAGAZINE | Dec 1, 2010)
  3. Making a Custom YouTube Video Player With YouTube’s APIs (Tutorialzine | Jul 23, 2010)

References

  1. 11 Efficient HTML5 Video Players (blueblots.com | Apr 7, 2011)
  2. HTML5 Video Tools (web3mantra | Mar 15, 2011)
  3. 10 Best HTML5 Video Player (Denbagus.Net | Feb 10, 2011)
  4. HTML5 & CSS3-Powered Audio Player – ZEN(WebResourcesDepot | Jan 29, 2011)
  5. HTML5 And Javascript Audio Interface: JAI(WebResourcesDepot | Jan 13, 2011)
  6. MooPlay – Build Your Own Custom HTML5 Video Player (blogfreakz.com | Dec 9, 2010)
  7. HTML5 video players (Splashnology | Dec 6, 2010)
  8. Getting Started with HTML5 Video Players: Resources and Tutorials (CreativeFan | Nov 25, 2010)
  9. HTML5 Video Player With Subtitle-Support – LeanBack Player (WebResourcesDepot | Nov 16, 2010)
  10. 20 Excellent HTML5 Video Players (blogfreakz.com | Nov 15, 2010)
  11. MooVES – MooTools Video Enhancement System(blogfreakz.com | Nov 7, 2010)
  12. 10 Amazing HTML5 Media Player Implementations (Inspiration) (DesignModo | Nov 2, 2010)
  13. 5 Interesting HTML5 Video (Media) Players Implementation Across the Web (WebGuru | Nov 2, 2010)
  14. Adobe announces the HTML5 Video Player widget(Adobe Dreamweaver Team Blog | Oct 21, 2010)
  15. MediaElement.js – a magic unicorn HTML5 video library (John Dyer | Sep 22, 2010)
  16. Open Standard Media (OSM) Player – All-in-one Media Player For Web (blogfreakz.com | Sep 12, 2010)
  17. 23+ Useful HTML5 Open Source Online Video Players & Libraries (Ntt.cc | Aug 8, 2010)
  18. MediaElement.js – HTML5 Video Player(blogfreakz.com | Jul 31, 2010)
  19. Moovie – MooTools HTML5 Video Player(blogfreakz.com | Jul 10, 2010)
  20. A Collection of 20 HTML5 Video Players (Net-Kit.com | Jul 8, 2010)
  21. 10 HTML5 Video Players (Templates.com Blog | Jun 18, 2010)
  22. 10 Free Open Source Web Based Media Player Apps(thesofthelp.com | Jun 12, 2010)
  23. 5 Open Source HTML5 Video Players for Web Developers (tutorialfeed.org | Jun 11, 2010)
  24. 7 Most Useful HTML5 Video Integrating Tools(SaveDelete | Jun 5, 2010)
  25. Fresh Resources for HTML5 Video and Audio(woorkup.com | Jun 5, 2010)
  26. HTML5 Video Player With Flash Fallback: FlareVideo (WebResourcesDepot | Jun 4, 2010)
  27. Best HTML5 Media Player Implementations (INSIC DESIGNS | Jun 3, 2010)
  28. 5 Tools For Integrating HTML5 Video in Your Website (Mashable | May 18, 2010)
  29. YouTube Chromeless Video Player – jQuery Plugin(Viget Inspire | May 13, 2010)
  30. Review: Flowplayer (Boagworld | May 6, 2010)
  31. HTML5 video Libraries, Toolkits and Players(Speckyboy Design Magazine | Apr 23, 2010)
  32. HTML5 Video Player (dmxzone.com | no date)

Spec Reference

fuente: