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 (
  8. External “Video for Everybody” ( 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 (
  18. jPlayer : HTML5 Audio & Video for jQuery (
  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 (
  22. LeanBack Player – HTML5 Video Player with Subtitle-Support (
  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 (
  26. MooVES 1.0 – The MooTools Video Enhancement System (
  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 ( 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 ( 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 ( | 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 ( | Jul 30, 2010)
  11. How to Create an HTML5 Video Player ( | 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 ( | 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)


  1. 11 Efficient HTML5 Video Players ( | 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 ( | 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 ( | Nov 15, 2010)
  11. MooVES – MooTools Video Enhancement System ( | 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 ( | Sep 12, 2010)
  17. 23+ Useful HTML5 Open Source Online Video Players & Libraries ( | Aug 8, 2010)
  18. MediaElement.js – HTML5 Video Player ( | Jul 31, 2010)
  19. Moovie – MooTools HTML5 Video Player ( | Jul 10, 2010)
  20. A Collection of 20 HTML5 Video Players ( | Jul 8, 2010)
  21. 10 HTML5 Video Players ( Blog | Jun 18, 2010)
  22. 10 Free Open Source Web Based Media Player Apps ( | Jun 12, 2010)
  23. 5 Open Source HTML5 Video Players for Web Developers ( | Jun 11, 2010)
  24. 7 Most Useful HTML5 Video Integrating Tools (SaveDelete | Jun 5, 2010)
  25. Fresh Resources for HTML5 Video and Audio ( | 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 ( | no date)

Spec Reference

Tagged with:

68 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, 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
    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 , 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

    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 (

  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

  37. Thanks for finally talking about > 45 HTML5 Media Players + Tutorials and Resources – < 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

  39. Attractive section of content. I just stumbled upon your website and
    in accession capital to assert that I get in fact enjoyed account your blog posts.
    Any way I’ll be subscribing to your feeds and even I achievement you access consistently fast.

  40. What’s up, all is going sound here and ofcourse every one is sharing data, that’s in fact fine, keep up

  41. I’m amazed, I have to admit. Seldom do I come across
    a blog that’s both educative and entertaining,
    and without a doubt, you have hit the nail on the head.
    The problem is something that too few men and women are speaking intelligently about.
    Now i’m very happy I came across this during my search for something regarding this.

  42. Highly effective, no one can use the phone’s touchscreen provides when you have to aim very
    carefully plus test your skills by playing the games available on Android Market place.
    I utilized to be easy to contact. It would not be able call of duty advanced warfare download to
    open new avenues for entertainment reasons. The Hangin with Friends Word Finder to get rid off boredom.

    my web site download call of duty advanced warfare (

  43. Hi there, i read your blokg occasionally and i own a
    similar one and i was just curious if you get a lot of spam feedback?

    If so how do you reduce it, any plugin or anything you can suggest?
    I get so much lately it’s driving me crazy so any help is very much appreciated.

    instagram followers buy cheap

  44. pinterest says:

    In fact social networks have revolutionized our lives by incorporating all the basic elements of a
    person’s social life in one place. If you like something
    from other people’s board you can “re-pin” it to your own. The more powerful the
    image, the more interest you will provoke in visitors
    to your profile which in turn will result in your profile attracting more followers.

    my website pinterest

  45. For most up-to-date information you have to visit internet and on web I found this website
    as a best site for newest updates.

  46. My brother recommended I might like this web site.

    He used to be totally right. This post actually made my day.
    You cann’t believe just how so much time I had spent for this
    info! Thank you!

  47. ‘ Implementing appropriate, efficient and cost-effective HR information systems.
    Once done, get back to Craven, retrieve your lens and get back to camp.
    These are found in various shapes as well as sizes.

  48. hockey-games says:

    The two sideline referees are responsible for sending out a signal when someone makes an offside.
    The use of synthetic grass is getting high in sports
    grounds and artificial sports fields for various
    games including hockey. Without doubt, collide from behind or
    from a distance of three meters to the direction of the boundary wall is
    also not permitted.

  49. raze says:

    I actually managed to do so, so let’s move forward to 13.
    And its procedure will be updated depending on the overall conditions at any time.
    If you start the server late, or are extremely careful with
    crannies and defensive troops, you can also get by with
    just building fields and defenses – this strategy is slower,
    but requires less constant attention and can take you to the top over time.

  50. slots online says:

    Hello admin of this site, do you allow guest posting ??

    Please let me know, i’m interested .

  51. It’s in ƿoint of faсt a great and useful piece of info.
    ӏ am satisfied thɑt yoս just shared tɦis helpful info wіtҺ us.
    Ƥlease stay սѕ informed liҝe this. Τhank yоu for

  52. I know this site provides quality based articles or reviews and additional stuff, is there any other site which provides
    these stuff in quality?

  53. J2岐阜は11日、元日本代表MF三都主アレサンドロ(37)と契約満了に伴い、契約を更新しないと発表した。三都主は13日に母国ブラジルへ帰国する。(スポニチアネックス)

  54. Sulaman says:


    Please find below the use of it-
    Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy.
    In such cases, users can use this “Jquery Image Player”. Though giving a feeling of a video player, this is an image based player with a look and feel of video player.



  55. vivalikes says:

    These so called GURUS will certainly inform you they have wonderful system that will certainly shoot your fans
    to million within hrs.

  56. Good info. Lucky me I ran across your blog by chance (stumbleupon).
    I’ve saved it for later!

  57. Later, a cop comes in for a hairstyle, and when he tries to pay his costs, the barber
    again responds, ‘I could not accept cash from you.

  58. ottawa seo says:

    Only a prominent ottawa SEO business could avoid your
    web site obtaining lost in the limitless mass of internet websites.

  59. You need to be a part of a contest for one of the finest blogs on the web.
    I will recommend this website!

  60. radyo dinle says:

    I might like this web site.

  61. There’s definately a lot to find out about this subject.
    I really like all of the points you’ve made.

  62. I blog frequently and I truly thank you for your content.

    This great article has truly peaked my interest. I’m going to bookmark your website
    and keep checking for new details about once a week. I opted in for your RSS
    feed as well.

  63. seo packages says:

    Hi there, after reading this awesome paragraph i am also glad to share my know-how here with mates.

  64. you’re in reality a good webmaster. The website loading speed is amazing.
    It kind of feels that you are doing any distinctive trick. In addition, The contents are masterpiece.
    you’ve performed a wonderful process on this matter!

  65. I blog quite often and I truly appreciate your content.

    This great article has truly peaked my interest. I am going to take a note of your site and keep
    checking for new details about once a week. I opted
    in for your RSS feed too.

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>