live block

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 {

public/index.html

@@ -59,17 +59,19 @@
 
         <div class="container">
         <h2>Watch BTCforPlebs Live</h2>
+<div class="video-container-live">
     <iframe
         src="https://live.btcforplebs.com/live/output.m3u8"
         title="BTCforPlebs Live"
-            height="350px"
-            width="100%"
         frameborder="0"
         allowfullscreen
         autoplay
-            playsinline
+        loop
+        referrerpolicy="origin"
     ></iframe>
     </div>
+</div>
+        </div>
 
            <!-- Social Links Section -->
     <div class="social-icons">