<videojs-video>
A custom element (web component) for Video.js.
The element API matches the HTML5 <video>
tag, so it can be easily swapped with other media, and be compatible with other UI components that work with the video tag.
One of the goals was to have <videojs-video>
seamlessly integrate with Media Chrome.
🙋 Looking for a YouTube video element? Check out<youtube-video>
.
CodeSandbox)
Example (<script type="module" src="https://unpkg.com/videojs-video-element@0"></script>
<videojs-video controls src="https://stream.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/high.mp4"></videojs-video>
Installing
<videojs-video>
is packaged as a javascript module (es6) only, which is supported by all evergreen browsers and Node v12+.
<script>
Loading into your HTML using <script type="module" src="https://unpkg.com/videojs-video-element@0"></script>
npm
Adding to your app via npm install videojs-video-element --save
Include in your app javascript (e.g. src/App.js)
import 'videojs-video-element';
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.
🕺 <mux-video>
A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.<youtube-video>
A web component for the YouTube player.<wistia-video>
A web component for the Wistia player.<jwplayer-video>
A web component for the JW player.<hls-video>
A web component 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 web component.