fix: update super-media-element

index.html

@@ -42,7 +42,6 @@ <h1>&lt;wistia-video&gt;</h1>
 
 <wistia-video
   controls
-  src="https://wesleyluyten.wistia.com/medias/oifkgmxnkb"
   loop
   muted
   style="position:relative;"
@@ -55,12 +54,17 @@ <h1>&lt;wistia-video&gt;</h1>
   </div>
 </wistia-video>
 
+<script>
+  let video = document.querySelector('wistia-video');
+  video.src = "https://wesleyluyten.wistia.com/medias/oifkgmxnkb";
+</script>
+
 <br>
 
 <button id="loadbtn">Load new clip</button>
 
 <script>
-  const video = document.querySelector('wistia-video');
+  video = document.querySelector('wistia-video');
 
   loadbtn.onclick = () => {
     video.src = 'https://wesleyluyten.wistia.com/medias/1ekn652fs5';
@@ -148,3 +152,4 @@ <h2>With <a href="https://github.com/muxinc/media-chrome" target="_blank">Media
     <media-fullscreen-button></media-fullscreen-button>
   </media-control-bar>
 </media-controller>
+

package.json

@@ -14,10 +14,10 @@
   "scripts": {
     "lint": "npx eslint *.js",
     "test": "wet run",
-    "dev": "wet serve"
+    "dev": "wet serve --cors"
   },
   "dependencies": {
-    "super-media-element": "1.1.1"
+    "super-media-element": "1.1.2"
   },
   "devDependencies": {
     "wet-run": "^0.0.7"

wistia-video-element.js

@@ -29,7 +29,7 @@ class WistiaVideoElement extends SuperVideoElement {
   static skipAttributes = ['src'];
 
   get nativeEl() {
-    return this.api?.elem();
+    return this.api?.elem() ?? this.querySelector('video');
   }
 
   async load() {