Properly fill container for YT Shorts videos (#3238)

account for jest account for jest yt iframe fill container
2024-03-18 09:09:08 -07:00
parent 79175e2a09
commit 88ab83bd52
2 changed files with 16 additions and 9 deletions
@@ -5,16 +5,14 @@
    }
    .container {
        position: relative;
-        width: 100%;
-        height: 0;
-        padding-bottom: 56.25%;
+        overflow: hidden;
+        width: 100vw;
+        height: 100vh;
    }
    .video {
        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+        width: 100vw;
+        height: 100vh;
    }
 </style>
 <div class="container"><div class="video" id="player"></div></div>