fix: popup hides header, shows only player

static/yt_live.js

@@ -160,10 +160,11 @@
   .vtv-mini.hidden .vtv-mini-peek{display:block}
   .vtv-popup{position:fixed;top:0;left:0;right:0;margin:8px auto 0;background:rgba(0,0,0,.95);z-index:99999;display:none;flex-direction:column;max-height:calc(100vh - 16px);max-width:800px;border-radius:12px;overflow:hidden}
   .vtv-popup.show{display:flex}
+  .vtv-popup:has(#vtv-popup-hdr[style*="none"]) .vtv-popup-frame{height:100%}
   .vtv-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#111;border-bottom:1px solid #333}
   .vtv-popup-title{font-size:14px;font-weight:700;color:#00ccff}
   .vtv-popup-close{background:#333;border:none;color:#fff;font-size:18px;width:32px;height:32px;border-radius:6px;cursor:pointer}
-  .vtv-popup-frame{flex:1;position:relative;background:#000;min-height:0;aspect-ratio:16/9}
+  .vtv-popup-frame{flex:1;position:relative;background:#000;min-height:0}
   .vtv-popup-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
   .vtv-popup-loader{display:flex;align-items:center;justify-content:center;height:280px;color:#00ccff;font-size:12px;flex-direction:column;gap:8px}
   .vtv-popup-btn{background:#1a2a3a;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:3px 8px;border-radius:6px;cursor:pointer;margin-left:4px}
@@ -849,21 +850,21 @@
   // Open any URL in popup (for WC2026 direct links)
   window._vtvOpenUrlPopup=function(popupUrl) {
     if (!popupUrl) return;
-    openVtvPopupWithUrl(popupUrl, '📺 VTV Player');
+    openVtvPopupWithUrl(popupUrl, '', true);
   };
   
   window._vtvOpenPopup=function(chId) {
     openVtvPopup(chId);
   };
   
-  function openVtvPopupWithUrl(popupUrl, title) {
+  function openVtvPopupWithUrl(popupUrl, title, hideHeader) {
     let popup = document.getElementById('vtv-popup');
     if (!popup) {
       popup = document.createElement('div');
       popup.id = 'vtv-popup';
       popup.className = 'vtv-popup';
       popup.innerHTML = `
-        <div class="vtv-popup-header">
+        <div class="vtv-popup-header" id="vtv-popup-hdr">
           <span class="vtv-popup-title" id="vtv-popup-title">📺 VTV Player</span>
           <button class="vtv-popup-close" id="vtv-popup-close">✕</button>
         </div>
@@ -876,6 +877,8 @@
     }
     
     _vtvPopupActive = true;
+    const hdr = document.getElementById('vtv-popup-hdr');
+    if (hdr) hdr.style.display = hideHeader ? 'none' : 'flex';
     document.getElementById('vtv-popup-title').textContent = title || '📺 VTV Player';
     const frame = document.getElementById('vtv-popup-frame');
     frame.innerHTML = '<div class="vtv-popup-loader" id="vtv-popup-loader"><div class="vtv-spinner"></div>Đang tải...</div>';
@@ -890,7 +893,7 @@
   
   // Open TS token URL in popup
   window._vtvOpenTsPopup=function(tsUrl) {
-    openVtvPopupWithUrl(tsUrl, '⚽ WC2026 Replay');
+    openVtvPopupWithUrl(tsUrl, '', true);
   };
   
   window._vtvClosePopup=function() { closeVtvPopup(); };