diff options
| author | Hailey <me@haileyok.com> | 2024-03-18 09:09:08 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-18 09:09:08 -0700 |
| commit | 88ab83bd52a76fb08a51970831f5ff1e86edd326 (patch) | |
| tree | 0f5913c22f324ac12ce5b304f00f8c24e9096954 /bskyweb/static | |
| parent | 79175e2a0940d742311ba459bc2c233a45b7cc49 (diff) | |
| download | voidsky-88ab83bd52a76fb08a51970831f5ff1e86edd326.tar.zst | |
Properly fill container for YT Shorts videos (#3238)
account for jest account for jest yt iframe fill container
Diffstat (limited to 'bskyweb/static')
| -rw-r--r-- | bskyweb/static/iframe/youtube.html | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/bskyweb/static/iframe/youtube.html b/bskyweb/static/iframe/youtube.html index f2ada2ec5..4b74d6fcd 100644 --- a/bskyweb/static/iframe/youtube.html +++ b/bskyweb/static/iframe/youtube.html @@ -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> |