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 <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 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 <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 Media JavaScript Libraries

HTML5 <video> Tutorials

  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> Tutorials

  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

Related posts:

  1. HTML5 Geolocation Tutorials and Resources
  2. HTML5 Canvas Tutorials and Resources
  3. HTML5 SVG Tutorials and Resources
  4. HTML5 Web Storage Tutorials and Resources
Tagged with:
 

41 Responses to 45 HTML5 Media Players + Tutorials and Resources

  1. [...] Continue here: 45 HTML5 Media Players + Tutorials and Resources … [...]

  2. Szymon says:

    +1 to the list: DarkOnyx http://darkonyx.web-anatomy.com/en, Flash/HMTL5 hybrid with its own CMS.

  3. [...] Websites Made Right Tweet Related posts:YouTube Mobile Goes HTML5 for BlackBerry 7 devicesTizen Compliant [...]

  4. HTML5 Audio Player with Playlist HTML5 audio the element enable native audio playback within the browser. It supports all browsers i.e. iOS, Android, Firefox, Chrome, Safari, IE and Opera.

  5. [...] is a JavaScript API for accessing the HTML5 media library.  There are many HTML5 video players now online, and many more are popping up every day.  I chose to work with VideoJS for now, because [...]

  6. Just want to say your article is as amazing. The clearness in your post is simply excellent and i can
    assume you’re an expert on this subject. Fine with your permission allow me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please carry on the enjoyable work.

  7. Way awesome! Many extremely good tips! I enjoy you writing this post plus the rest of the website is
    also really superior.

  8. sa7booch says:

    nice HTML5 game http://lageekmobile.com/projects/houmat_al_hima/
    Houmat Al hima is a strategy game in 3 languages arabic, french & english

  9. steve says:

    Totally useless !!! Installing in browser ??? No go !!! Philosophizing and philolofing about this !!! This one should works for portable browsers as for installed and virtualized also with import java script but it do not work. You are getting just like Linux almost program/code and do it your self with tons of useless and complicated howtos and they are wondering why people do not use Linux ! Shiny new problematic technology ! Why do you not say program it your self then ??? Maybe also browser ??? So one is in totally control of everything then ??? Sound good but impossible !!!

  10. When I originally commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I get several e-mails with the same comment.
    Is there any way you can remove people from that service?

    Appreciate it!

    Review my webpage Immigration Lawyers in Southend- on- sea

  11. Hi there, of course this piece of writing is truly good and I have
    learned lot of things from it concerning blogging. thanks.

  12. fun says:

    The best known is called the Tarzan Swing and one can traverse from one platform to another where
    the grapes and olives grow. You can also collect beautiful and luxurious Carnival Glory!
    A cup of red fruits and strawberry jam.

  13. Bethany says:

    Yes! Finally something about seo.

    Have a look at my homepage Bethany

  14. I got this website from my friend who shared with me regarding this web site and at the moment this time I am visiting this site and reading very informative articles
    or reviews at this place.

  15. Ursula says:

    I was very self-conscious with my lanky frame and
    the thought of joi. Before you decide on a design, ask yourself if you would feel alright about that design in 60 years.
    Is it something narrow like an anklet or broad enough to cover the top of the foot, or maybe just
    a small one at the center.

  16. Swetha says:

    Great list…

    I am sure these are direct resources for any designer, at the same time, I keep track on activities happening in top web design blogs such as smashing magazine, sixrevisions, abduzeedo, etc. so that I keep myself updated with the design process and resources.

    Moreover, I would suggest you write on tools that would help a designer do his day-to-day work and reporting perfectly, as I see several designers writing on forums asking for tracking and reporting resources.

    I myself, use several tools to keep my daily work going fine, such as resources to track time, projects, bills, expenses, resources, etc. Here are some tools that I use on a daily basis to support my work and for reporting:

    Time tracking – Replicon
    Task management – Remember the milk
    to-do – Google Calender, etc.

  17. Sajjad says:

    Here is another free html5 music player http://www.peakplayer.com , i am using this on my personal website

  18. Hello there! This blog post couldn’t be written much
    better! Looking at this post reminds me of my previous roommate!
    He always kept preaching about this. I am going to forward this information to him.
    Pretty sure he’s going to have a very good read.

    Thank you for sharing!

    Also visit my blog – enhanced zeolite

  19. Curs Valutar says:

    Un Curs Valutar de 45 HTML5 Media Players + Tutorials and Resources
    conversie valutara nu este o povara usoara de a desfasura de
    zi cu zi cu modificarea ratelor Curs Valutar straine . Fiind o para straina , curs la orisicine para locala se va a gusta pentru Curs Valutar
    puterea de luare in popor straina se deghiza in fiesce minut uro .

  20. Hey! I know this is kinda off topic however I’d figured I’d ask.
    Would you be interested in trading links or maybe guest
    authoring a blog post or vice-versa? My site goes over a lot of the same subjects as yours
    and I think we could greatly benefit from each other. If you might be interested feel
    free to send me an e-mail. I look forward to hearing from you!
    Awesome blog by the way!

  21. It’s perfect time to make some plans for the future and it
    is time to be happy. I have read this post and if I could I
    wish to suggest you few interesting things or advice. Perhaps you could write next articles referring
    to this article. I desire to read more things about it!

  22. Nice post. I was checking constantly this blog and I’m inspired!
    Extremely helpful info specially the last phase
    :) I maintain such info much. I was seeking this certain information for a very
    long time. Thank you and best of luck.

  23. Εxϲellent post, comme ԁ’habitude

  24. Magnificent goods from you, man. I’ve understand your stuff previous to and you are just too magnificent.
    I really like what you have acquired here, really like
    what you are stating and the way in which you say it.
    You make it enjoyable and you still take care of to keep it smart.
    I cant wait to read much more from you. This is really a great website.

  25. some new details surrounding the case and thought I would update you on what has happened as a result of this sad situation.
    Probably, she finally realized that and decided to
    put an end to her existence in which she could barely find any sense.
    Smart boards are slowly replacing blackboards in the schools.

    Here is my weblog … portsmouth high school

  26. Adriene says:

    It’s hard to find your page in google. I found it on 16 spot, you should build
    quality backlinks , it will help you to rank to google top 10.
    I know how to help you, just type in google – k2 seo tips

  27. Ahaa, its good discussion concerning this article at this place at this webpage, I
    have read all that, so at this time me also commenting
    at this place.

    My website; Carpet Installation Fort Lauderdale

  28. Hello, i feel that i saw you visited my web site thus i
    got here to go back the prefer?.I am trying to in finding things to enhance my website!I assume its
    good enough to use a few of your ideas!!

  29. Ԛuel bonheur ԁе regarer votre site web

  30. Janessa says:

    I see a lot of interesting articles on your website. You have to spend a lot of time writing, i know how to save you
    a lot of time, there is a tool that creates high quality, SEO friendly articles in couple of minutes, just type in google – k2 unlimited content

  31. Yasmin says:

    I see you share interesting things here, you can earn some additional cash, your website has
    huge potential, for the monetizing method, just search in google – K2 advices
    how to monetize a website

  32. Ingrid says:

    I see you share interesting stuff here, you can earn some extra
    money, your website has huge potential, for the monetizing
    method, just search in google – K2 advices
    how to monetize a website

  33. Mackenzie says:

    I read a lot of interesting posts here. Probably you spend a lot of time writing, i know how to save you a lot
    of work, there is an online tool that creates high quality, google friendly articles in minutes,
    just type in google – laranitas free content source

  34. Thank yyou for another informative website. Where else could I am getting that
    kind of information writtrn in such a perfect manner? I have a mission that I am
    just now runhning on, and I’ve been at the glance out for such
    information.

    Check out my website Karoo Kardoes

  35. It’s a shame you don’t have a donate button! I’d definitely donate
    to this excellent blog! I guess for now i’ll settle for book-marking and adding your RSS
    feed to my Google account. I look forward to new updates and will talk about this website
    with my Facebook group. Chat soon!

    Here is my weblog vera john casinospål på
    nett (http://www.veraojohn.webs.com)

  36. Conrad says:

    Finally i quit my regular job, now i earn a lot of money online
    you should try too, just search in google – slabs roulette
    system

  37. Thanks for finally talking about > 45 HTML5 Media Players + Tutorials and Resources – WebsitesMadeRight.com < Liked it!

  38. I was wondering if you ever thought of changing the page
    layout of your site? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people
    could connect with it better. Youve got an awful lot
    of text for only having one or 2 images. Maybe you could space it out better?

    Check out my web blog Best Charlotte Roofers

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>