Here’s a list a accessible HTML5 Media Players—I have not tested them all—and some articles on how to build one yourself. Know any others? Please leave info in a comment.
Existing Players
Nomensa’s media playerFlash, no longer maintained- JW Player by LongTail
Making Video Accessible(no longer available) by LongTailAccessible JW Player Control using Dojo(no longer available) by Ohio State University
WebPlayer from Yahoo and the WebPlayer WordPress plugin(no longer available)The Workshop video player(no longer available)- Acorn Media Player – via @ghindas, author of Opera article below
- MediaElement.js
- Video.js – an open-source HTML5 video player
- Able Player – by Terrill Thompson (GitHub)
- OzPlayer – by AccessibilityOz
- Fluid Project VideoPlayer (archived)
- Accessible HTML5 Video Player – by PayPal
- Accessible and Responsive HTML5 Video Player – (Universal Video Player) by @LauraKalbag code source
- Plyr – by @sam_potts
Do It Yourself
- Accessible HTML5 Audio Player with Yahoo! Media Player Fallback by Terrill Thompson
- Practical Cross-Browser HTML5 Audio and Video by MSDN
- Accessible HTML5 video player by Dev.Opera
More
- HTML5 Video Player Comparison
- Media Player Accessibility Comparisons (Google Doc)
- Embedded YouTube Test by Terrill Thompson
- Media players and accessibility by AccessIQ
32 replies on “Accessible HTML5 Media Players and More”
[…] Accessible HTML5 Media Players and More » Accessible HTML5 Media Players and More A list of accessible HTML5 Media Players, some articles on how to build one yourself, and a request for more information. vía Darwin Otoniel http://www.webaxe.org/accessible-html5-media-players-and-more/ […]
http://mediaelementjs.com/ is very good: Custom Flash and Silverlight players that mimic the HTML5 MediaElement API for older browsers, Accessibility standards including WebVTT, Plugins for WordPress, Drupal, Joomla, jQuery, and BlogEngine.NET, ruby gem, plone, typo3. MIT licensed.
Also http://www.leanbackplayer.com/ (good keyboard support, free for non-commercial use)
[…] Visit Site […]
[…] » Accessible HTML5 Media Players and More […]
If you need a way to repeatedly release audio, then I highly recommend SoundCloud or Bandcamp. They both have killer embedable HTML5 players. Check out SoundCloud’s player in action on my website. Thanks!
Podlove Web Player
http://podlove.org/podlove-web-player/
Based on mediaelement.js, designed for podcasting.
http://videojs.com/ is the best I’ve used for video. I don’t know if it handles audio.
What about players with strong, secure foundations – some form of referrer security and strong token security?
I have content I need to lock down but contractually I can’t use Flash or Silverlight.
Thoughts, suggestions?
Probably worth defining “Accessible” – maybe keyboard navigable, cc capable, transcript display, secondary audio channels for descriptive audio?
As a deaf person and a UX designer, I would say that it’s more important to have GOOD quality transcripts and captions for videos and podcasts – regardless of what players are used (as long as they have captioning support). I even feel frustrated when asking YouTube video owners to clean up auto captions and hearing them tell me that it’s not their problem without realizing that YouTube captions are not a “final” product and is just a tool to make it easier for them to create captions. Bad captions are not “better” than no captions.
P.S. Also, it’s important that captions can be seen in a video player on any device – computer, tablet, phone. YouTube and LongTail are one of few players that can show captions on any platform. For more information, I have a website dedicated on this issue on http://www.audio-accessibility.com.
[…] Accessible HTML5 Media Players and More by Dennis Lembree of WebAxe […]
[…] Accessible HTML5 Media Players and More […]
Note that our old player at OSU that you mention is not HTML5 capable. We had a project underway to revise the player but that was scuttled. The one on our site depends on Flash.
Thank you for the clarification.
I’ve recently done a lot of work with VideoJS to make it much more accessible. The improvements have not made it into their production environment yet, but the changes have all been accepted into their next version.
Great! Thanks for commenting, Greg.
[…] Accessible HTML5 Media Players and More […]
You might want to check MFPVideoPlayer, based on videoJS:
https://github.com/access42/MFPvideoPlayer
Has CC, AD, and is keyboard accessible. CC can be customized (colors, fonts, shadows).
[…] Accessible HTML5 Media Players and More | Web Axe […]
So far after testing several HTML5 based video players (PayPal, JWPlayer, MFPvideoPlayer and E-Standards), I found only E-Standards to answer all of my needs. It can be used as a video or audio only player, it supports WebVTT standard for captions (with WebVTT styles), fully keyboard accessible with or without the use of a screen reader, clear screen reader prompts for all of the controls, and a major factor that puts it a step above many, it supports local video files, and linking to YouTube videos.
Worth checking out (and no, I am not affiliated) – https://github.com/vet-estandards/E-standards-Accessible-HTML5-Media-Player
[…] Accessible HTML 5 media players by WebAxe […]
[…] This is important, particularly because not everybody wants to upload videos to YouTube or Vimeo and then embed them in their pages. The embed methods present accessibility challenges, so many sites choose to self-host and use one of many third-party players, most of which have even more accessibility challenges (with some exceptions). […]
Everyone is hello from Turkey.
We started to work to make an Internet Radio. I’ve studied too many audio players; but I did not get what I wanted.
I want to:
a play / pause button. (I want the first press to pause, the next press, like YouTube.)
The second one is a sound bar. Thus, the user can increase or decrease the volume.
Since the aria codes in HTML are with JS, I could not solve this play and pause myself. I’m a good html coder, but I’m terrible at JS.
Finally, I want to support mobile browsers like Safari.
I will be very happy if you answer any helpful software friends.
Yours.
[…] Accessible HTML5 Media Players and More | Web Axe […]
[…] Accessible HTML5 Media Players and More | Web Axe […]
[…] Accessible HTML5 Media Players and More | Web Axe […]
[…] Accessible HTML5 Media Players and More | Web Axe […]
[…] Accessible HTML5 Media Players and More | Web Axe […]
[…] Accessible HTML5 Media Players and More | Web Axe […]
Hi Denis,
Some of the links presented in the post redirect to page not found, I think those players are no more supported.
Thank you, I made some updates.