Package Exports

cloudflare-video-element
cloudflare-video-element/cloudflare-video-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 (cloudflare-video-element) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

`<cloudflare-video>`

A custom element for the Cloudflare player with an API that matches the <video> API.

🏄‍♂️ Compatible HTMLMediaElement API
🕺 Seamlessly integrates with Media Chrome

Example

<script type="module" src="https://cdn.jsdelivr.net/npm/cloudflare-video-element@1.0/+esm"></script>
<cloudflare-video controls src="https://watch.videodelivery.net/bfbd585059e33391d67b0f1d15fe6ea4"></cloudflare-video>

Installing

First install the NPM package:

npm install cloudflare-video-element

Import in your app javascript (e.g. src/App.js):

import 'cloudflare-video-element';

Optionally, you can load the script directly from a CDN using jsDelivr:

<script type="module" src="https://cdn.jsdelivr.net/npm/cloudflare-video-element@1.0/+esm"></script>

This will register the custom elements with the browser so they can be used as HTML.

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.
<videojs-video> A custom element for Video.js.
<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.