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