Package Exports
- vimeo-video-element
- vimeo-video-element/vimeo-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 (vimeo-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
<vimeo-video>
A custom element (web component) for Vimeo.
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 <vimeo-video> seamlessly integrate with Media Chrome.
Example (CodeSandbox)
<script type="module" src="https://cdn.jsdelivr.net/npm/vimeo-video-element@0"></script>
<vimeo-video controls src="https://vimeo.com/648359100"></vimeo-video>Installing
<vimeo-video> is packaged as a javascript module (es6) only, which is supported by all evergreen browsers and Node v12+.
Loading into your HTML using <script>
<script type="module" src="https://cdn.jsdelivr.net/npm/vimeo-video-element@0"></script>Adding to your app via npm
npm install vimeo-video-elementInclude in your app javascript (e.g. src/App.js)
import 'vimeo-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.<videojs-video>A web component for Video.js.<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-videoCast your video element to the big screen with ease!<mux-player>The official Mux-flavored video player web component.