<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://unpkg.com/[email protected]"></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://unpkg.com/[email protected]"></script>

Adding to your app via npm

npm install vimeo-video-element --save

Include 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

GitHub

View Github