<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Kurd TV Live</title> <style> /* 1. Global Reset */ body, html { margin: 0; padding: 0; width: 100%; height: 100%; background: #000; overflow: hidden; } #tv-fullscreen-app { position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; background: #000; z-index: 99999; overflow: hidden; } /* 2. RESPONSIVE TV SCREENS */ .tv-screen { position: absolute; top: 0; left: 0; /* These two lines make it fit perfectly on any device */ width: 100%; height: 100%; transition: opacity 0.3s ease; pointer-events: none; } /* 3. Overlay & UI */ #remote-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #000; z-index: 100000; cursor: pointer; border: none; outline: none; } .play-circle { width: 100px; height: 100px; background: transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 0 20px rgba(230, 33, 23, 0.4); } .tv-label { color: white; font-family: sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-align: center; padding: 0 20px; } svg { fill: yellow; } </style> </head> <body> <!-- PLAYER B: Pre-loaded with Video 2 (1193742689) --> <iframe id="playerB" style="opacity: 0; z-index: 1;" src="https://player.vimeo.com/video/1197161278?controls=0&title=0&byline=0&portrait=0&autoplay=0&muted=1" frameborder="0" allow="autoplay; fullscreen"> </iframe> <!-- PLAYER A: Visible in the front, playing Video 1 (1193742061) --> <iframe id="playerA" style="opacity: 0; z-index: 2;" src="https://player.vimeo.com/video/1197160367?controls=0&title=0&byline=0&portrait=0&autoplay=0&muted=1" frameborder="0" allow="autoplay; fullscreen"> </iframe> <button id="remote-overlay" onclick="startLiveTV()"> <svg width="80" height="80" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> PRESS OK TO WATCH LIVE </button> </body> </html>