From 4b7ef4dea348ded5ef46ce26da77711af66c03ce Mon Sep 17 00:00:00 2001
From: Wesley Luyten <me@wesleyluyten.com>
Date: Sat, 1 Apr 2023 19:58:12 -0500
Subject: [PATCH] fix: improve sizing

---
 index.html              | 1 +
 wistia-video-element.js | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4fc297b..532cc3a 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
     width: 100%;
   }
   wistia-video {
+    display: block;
     width: 100%;
     aspect-ratio: 16 / 9;
     background: #000;
diff --git a/wistia-video-element.js b/wistia-video-element.js
index 6e811a0..5b6e513 100644
--- a/wistia-video-element.js
+++ b/wistia-video-element.js
@@ -10,11 +10,14 @@ const templateShadowDOM = document.createElement('template');
 templateShadowDOM.innerHTML = /*html*/`
 <style>
   :host {
-    width: 100%;
+    display: inline-block;
     min-width: 300px;
     min-height: 150px;
+    position: relative;
   }
   ::slotted(.wistia_embed) {
+    position: absolute;
+    width: 100%;
     height: 100%;
   }
 </style>