<brightcove-video>
A custom element for Brightcove Player (Video.js) with an API that matches the <video>
API.
This project is based on <videojs-video>
.
🏄♂️ CompatibleHTMLMediaElement
API🕺 Seamlessly integrates with Media Chrome
Codepen)
Example (<script type="module" src="https://cdn.jsdelivr.net/npm/brightcove-video-element@0/+esm"></script>
<brightcove-video controls src="https://players.brightcove.net/1752604059001/Nynfq6Yde_default/index.html?videoId=4029697544001"></brightcove-video>
Install
First install the NPM package:
npm install brightcove-video-element
Import in your app javascript (e.g. src/App.js):
import 'brightcove-video-element';
Optionally, you can load the script directly from a CDN using JSDelivr:
<script type="module" src="https://cdn.jsdelivr.net/npm/brightcove-video-element@0/+esm"></script>
This will register the custom elements with the browser so they can be used as HTML.
Related
-
Media Chrome Your media player's dancing suit.
🕺 -
<youtube-video>
A custom element for the YouTube player. -
<vimeo-video>
A custom element for the Vimeo player. -
<spotify-audio>
A custom element for the Spotify player. -
<jwplayer-video>
A custom element for the JW player. -
<wistia-video>
A custom element for the Wistia player. -
<cloudflare-video>
A custom element for the Cloudflare player. -
<hls-video>
A custom element for playing HTTP Live Streaming (HLS) videos. -
castable-video
Cast your video element to the big screen with ease! -
<mux-player>
The official Mux-flavored video player custom element. -
<mux-video>
A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.