a11y-media-player: Kaltura

a11y-media-player works with videos accessible to the Kaltura API.

<div data-custom-element="a11y-media-player" 
    media-title="Example Kaltura" 
    color="blue" dark 
    linkable 
    crossorigin="anonymous">
    <video poster="https://cfvod.kaltura.com/p/811441/sp/811441/thumbnail/entry_id/0_khge3cfm/version/100001/width/790/height/478">
        <source src="https://cdnapisec.kaltura.com/p/811441/sp/81144100/playManifest/entryId/0_khge3cfm/format/url/protocol/https" />
    </video>
</div>

Kaltura videos must be completely public. Currently there are issues with the Kaltura API and accessing Penn State’s videos.

Learn more about how to customize it at https://webcomponents.psu.edu.