React A11y HTML5 Video Player

Accessible HTML5 Video player React component.

WIP

This is WIP, check Todo. More features will come soon.

Installation

This component requires webpack. Check webpack.config.js for build configuration.

npm install react-a11y-video

Usage

Check examples/main.jsx(link is external).

import A11yPlayer from 'react-a11y-video';

Basically pass video source urls and player dimensions as props to A11yPlayer component.

Development

npm install && npm start

Go to localhost:3000/example/(link is external)

Todo

• Better keyboard accessibility in fullscreen mode
• Playback rate controls
• Subtitles support
• Invert colors and grayscale modes for both UI and video content
• Show transcript option
• Responsiveness