a-player - Vaadin Add-on Directory
Web Component for rendering videos with accessible captions (& other nifty things) via JWPlayer# a-player
demo: https://edwardsharp.github.io/a-player/
https://www.webcomponents.org/element/@edwardsharp/a-player
Web Component for rendering videos with accessible captions (& other nifty things) via JWPlayer
based on the JWPlayer interactive-transcripts demo: https://github.com/jwplayer/jwdeveloper-demos/tree/developer-showcase/demos/innovation/interactive-transcripts
## usage
`npm install --save @edwardsharp/a-player` (or use UNPKG!)
include these:
```html
```
override some styles, if you want. make sure to include these after ``.
```html
```
### Options:
| Option | Required | Default |
| ---------------------------|:--------:| -----------:|
|file | * | |
|captions-file | | '' |
|captions-file-label | | 'Default' |
|chapters-file | | '' |
|thumbnails-file | | '' |
|audio-description-file | | '' |
|audio-description-file-type | | 'audio/mp3' |
|image | | '' |
|display-title | | false |
|width | | 320 |
|height | | 180 |
|captions-color | | #ffffff |
|captions-bg | | #000000 |
|captions-bg-opacity | | 75 |
|captions-font-size | | 15 |
|mute | | false |
|volume | | 100 |
|autostart | | false |
|show-transcripts | | false |
|show-search | | false |
## Demo:
```html
```
### IE �
```html
```