diff --git a/public/assets/css/main.css b/public/assets/css/main.css index b843e02..7afd7a0 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -197,6 +197,21 @@ small { margin: auto; } +.video-container-live { + position: relative; + padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */ + height: 0; + overflow: hidden; +} + +.video-container-live iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + /* Mobile styles */ @media (max-width: 768px) { .video-container { diff --git a/public/index.html b/public/index.html index 15c8c75..018d4fa 100644 --- a/public/index.html +++ b/public/index.html @@ -59,16 +59,18 @@

Watch BTCforPlebs Live

- +
+ +
+