Package Exports
- custom-media-element
- custom-media-element/custom-media-element.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (custom-media-element) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Custom Media Element
A custom element for extending the native media elements (<audio> or <video>).
Usage
import { CustomVideoElement } from 'custom-media-element';
class MyCustomVideoElement extends CustomVideoElement {
constructor() {
super();
}
// Override the play method.
play() {
return super.play()
}
// Override the src getter & setter.
get src() {
return super.src;
}
set src(src) {
super.src = src;
}
}
if (globalThis.customElements && !globalThis.customElements.get('my-custom-video')) {
globalThis.customElements.define('my-custom-video', MyCustomVideoElement);
}
export default MyCustomVideoElement;<my-custom-video
src="https://stream.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/low.mp4"
></my-custom-video>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.<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.<videojs-video>A custom element for Video.js.<hls-video>A custom element for playing HTTP Live Streaming (HLS) videos.castable-videoCast 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.