feat: use super-media-element

.github/workflows/ci.yml

@@ -7,8 +7,8 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-      - run: yarn install --frozen-lockfile
-      - run: yarn build
-      - run: yarn test
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+      - run: npm ci
+      - run: npm run build
+      - run: npm test

README.md

@@ -33,16 +33,20 @@ One of the goals was to have `<wistia-video>` seamlessly integrate with [Media C
 npm install wistia-video-element --save
 ```
 
-Or yarn
-
-```bash
-yarn add wistia-video-element
-```
-
 Include in your app javascript (e.g. src/App.js)
 
 ```js
 import 'wistia-video-element';
 ```
 
 This will register the custom elements with the browser so they can be used as HTML.
+
+## Related
+
+- [Media Chrome](https://github.com/muxinc/media-chrome) Your media player's dancing suit. 🕺
+- [`<mux-video>`](https://github.com/muxinc/elements/tree/main/packages/mux-video) A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.
+- [`<youtube-video>`](https://github.com/muxinc/youtube-video-element) A web component for the YouTube player.
+- [`<jwplayer-video>`](https://github.com/luwes/jwplayer-video-element) A web component for the JW player.
+- [`<hls-video>`](https://github.com/muxinc/hls-video-element) A web component for playing HTTP Live Streaming (HLS) videos.
+- [`castable-video`](https://github.com/muxinc/castable-video) Cast your video element to the big screen with ease!
+- [`<mux-player>`](https://github.com/muxinc/elements/tree/main/packages/mux-player) The official Mux-flavored video player web component.

index.html

@@ -16,6 +16,7 @@
       }
       wistia-video {
         aspect-ratio: 16 / 9;
+        background: #000;
       }
     </style>
     <script type="module" src="./dist/wistia-video-element.js"></script>
@@ -26,6 +27,8 @@ <h1>&lt;wistia-video&gt;</h1>
     <wistia-video
       controls
       src="https://wesleyluyten.wistia.com/medias/oifkgmxnkb"
+      loop
+      muted
     ></wistia-video>
   </body>
 </html>