45个HTML5媒体播放器+指南和相关资源

13年前

HTML5媒体播放器

  1. Acorn Media Player, Accessible and customizable HTML5 media player (Cristian I. Colceriu.)
  2. Akamai’s Open Video Player for HTML5 <video> (Akamai Technologies)
  3. Ambilight for <video> tag (Currently offline but source 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 <video> and <audio> tags in all major browsers. (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 <video> (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 <video> (OVP)
  31. open-player – Cross-browser player for <video> and <audio> (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 油Tube Lyte (WordPress.org Plugin Directory)
  39. 油Tube HTML5 VideoPlayer (油Tube)
  40. YUI HTML5 Player (John McLaughlin)

HTML5音乐播放器

  1. Accessible Audio Player (AAP) – Cross-Browser HTML5 Audio Player (One Hand Clapping)
  2. An HTML5 <audio> radio player (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 <video>/<audio> JavaScript Libraries

HTML5 <video> 使用指南

  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 <audio> 使用指南

  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)

其它不错的视频指南

  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 油Tube Video Player With 油Tube’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. 油Tube 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)

参考规范