JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 231
  • Score
    100M100P100Q81272F
  • License MIT

Custom element (web component) for the Wistia player.

Package Exports

  • wistia-video-element
  • wistia-video-element/wistia-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 (wistia-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

<wistia-video>

A custom element (web component) for the Wistia player.

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 <wistia-video> seamlessly integrate with Media Chrome.

🙋 Looking for a YouTube video element? Check out <youtube-video>.

Example (CodeSandbox)

<script type="module" src="https://cdn.jsdelivr.net/npm/wistia-video-element@0.2"></script>
<wistia-video controls src="https://wesleyluyten.wistia.com/medias/oifkgmxnkb"></wistia-video>

Installing

<wistia-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/wistia-video-element@0.2"></script>

Adding to your app via npm

npm install wistia-video-element --save

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

import 'wistia-video-element';

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