zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Properly fill container for YT Shorts videos (#3238)

Browse source 
account for jest

account for jest

yt iframe fill container
This commit is contained in:
Hailey 2024-03-18 09:09:08 -07:00 • committed by GitHub
parent 79175e2a09
commit 88ab83bd52
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
bskyweb/static/iframe/youtube.html
View file

@ -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>