Directory

a-player - Vaadin Add-on Directory

Web Component for rendering videos with accessible captions (& other nifty things) via JWPlayer a-player - Vaadin Add-on Directory
# 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 ```