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 for the Vimeo player with an API that matches the <video> API, 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.2/+esm"></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.2/+esm"></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. 🕺
<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.<mux-video>A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.