Able Player Examples

Able Player is a fully accessible cross-browser HTML5 media player designed from the ground up to meet the diverse needs and preferences of all users.

View on GitHub

Here are some examples of Able Player in action:

Audio Examples

1. Audio player with one track and preferences
2. Audio player with non-zero start time
3. Audio player with a playlist
4. Audio player with interactive transcript in "Lyrics Mode"
5. Audio player with Metadata track (type = text)
6. Multiple audio players (one track each)
7. Multiple audio players (each with its own playlist)
8. Audio Player on a page with form fields

Video Examples

• Video player with closed captions
• Video player with default closed captions
• Video player with text-based audio description (VTT)
• Video player with audio description via video swap or VTT
• Video player with interactive transcript, subtitles, and chapters
• Video player with interactive transcript in an external container
• Video player with manually coded external transcript
• Video player with Metadata track (type = selector)
• Responsive Video player with Metadata track (type = selector)
• Video player with search
• Video player with sign language
• Media player hidden by default, exposed dynamically
• Video player with chapters in an external container
• Able Player API (controlling Able Player with external controls)

Localized Examples

• French Player
• German Player
• Japanese Player
• Spanish Player

Other Examples

• Native HTML5 Player (not Able Player), for comparison
• Video with no captions or descriptions (don't do this)
• Able Player with Fallback
• Able Player for YouTube

Credits

The audio examples feature songs from the album Flavors by Flow Theory, provided courtesy of Terrill Thompson.

The video examples feature clips from videos produced by The DO-IT Center at the University of Washington. Additional videos are available on the DO-IT Video website, which uses Able Player.