▶️ Accessible Video Player

Accessible Video Player creates keyboard and assistive technology friendly videos from Vimeo .

Accessible Video Player uses the Vimeo JS API to manipulate each embedded video. Controls are generated on the fly, a set for each embedded Vimeo player found on a page.

Features

• Play/pause toggle button
• Timeline slider
• Volume slider
• Mute button
• Full screen button
• View and set closed caption track (if available)
• Video and controls flex to viewport width
• Events are announced out loud as they happen

Usage

1. Include the Vimeo JS API and Moment.js dependencies
2. Include accessible-video-player.js at the bottom of your page:

<script src="https://player.vimeo.com/api/player.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/1.3.0/moment-duration-format.min.js"></script>
<script src="accessible-video-player.js"></script>
      

The included script will automatically find any iframe elements on the page with embedded videos from the domain player.vimeo.com and attaches the controls on the fly. No other configuration is required!

Try your own video…