fix: 24h-only slider, tap-to-show seek controls, multi-part probe

app.py

@@ -393,30 +393,21 @@ def _bdp_relates(soup):
 
 # ── Video aggregator ───────────────────────────────────────────────────────────
 def fetch_latest_videos():
-    """Fetch latest videos from BDP carousel + 24h highlights for the homepage slider."""
+    """Fetch 24h highlight videos for the homepage slider."""
     videos = []
-    # BDP carousel
     try:
-        soup = _get(f"{BASE_BDP}/video")
-        first_link = None
-        for a in soup.find_all("a", href=True):
-            href = a.get("href", "")
-            if "/video/" in href and re.search(r'-\d{6,}\.html', href):
-                first_link = href if href.startswith("http") else BASE_BDP + href; break
-        if first_link:
-            vid_id = _extract_bdp_video_id(first_link)
-            if vid_id:
-                embed = fetch_bdp_embed_data(vid_id)
-                if embed:
-                    for rel in embed.get("related", []):
-                        videos.append({"title": rel["title"], "link": rel["link"], "img": rel["poster"], "source": "bdp"})
-    except: pass
-    # 24h highlights
-    try:
-        h24 = scrape_24h_video_list()[:10]
+        h24 = scrape_24h_video_list()[:20]
         for a in h24:
-            if a.get("img"):
-                videos.append({"title": a["title"], "link": a["link"], "img": a["img"], "source": "24h"})
+            # Use og:image from article page if no thumbnail
+            img = a.get("img")
+            if not img:
+                try:
+                    r = requests.get(a["link"], headers=HEADERS, timeout=8); r.encoding="utf-8"
+                    og = BeautifulSoup(r.text,"lxml").find("meta",property="og:image")
+                    if og: img = og.get("content","")
+                except: pass
+            if img:
+                videos.append({"title": a["title"], "link": a["link"], "img": img, "source": "24h"})
     except: pass
     return videos[:20]
 
@@ -542,7 +533,7 @@ def render_video_slider_html(videos):
 <div class="vslide-thumb"><img src="{img}" alt="" class="bdp-lazy-img"><div class="vslide-play">▶</div>{src_badge}</div>
 <p class="vslide-title">{title}</p></div>''')
     return f'''<div class="vslide-wrap">
-<div class="vslide-header"><span class="vslide-label">🎬 Video Mới Nhất</span>
+<div class="vslide-header"><span class="vslide-label">🎬 Video Highlight 24h</span>
 <div class="vslide-nav"><button class="vslide-btn" onclick="window.bdpSlideScroll(-1)">◀</button>
 <button class="vslide-btn" onclick="window.bdpSlideScroll(1)">▶</button></div></div>
 <div class="vslide-track" id="vslide-track">{''.join(items)}</div></div>'''
@@ -855,10 +846,10 @@ footer,.built-with{display:none!important}
 .tiktok-unmute-hint{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:6px 12px;border-radius:18px;cursor:pointer;z-index:4;backdrop-filter:blur(4px);transition:opacity .3s}
 .tiktok-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:28px;z-index:5;pointer-events:none;display:none;align-items:center;justify-content:center;line-height:70px;text-align:center}
 .tiktok-slide.paused .tiktok-pause-icon{display:block}
-.tiktok-seek-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:40px;z-index:6;pointer-events:auto}
-.tiktok-seek-btn{background:rgba(0,0,0,.4);color:#fff;border:none;padding:8px 14px;border-radius:20px;font-size:12px;cursor:pointer;backdrop-filter:blur(4px);font-weight:600;opacity:.7;transition:opacity .2s}
-.tiktok-seek-btn:hover{opacity:1}
-.tiktok-seek-btn:active{transform:scale(.9)}
+.tiktok-seek-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:50px;z-index:6;pointer-events:auto;opacity:0;transition:opacity .3s}
+.tiktok-slide.show-controls .tiktok-seek-controls{opacity:1}
+.tiktok-seek-btn{background:rgba(0,0,0,.5);color:#fff;border:none;padding:10px 16px;border-radius:24px;font-size:13px;cursor:pointer;backdrop-filter:blur(6px);font-weight:600;transition:transform .1s}
+.tiktok-seek-btn:active{transform:scale(.85)}
 .vslide-badge{position:absolute;top:6px;left:6px;font-size:9px;padding:1px 6px;border-radius:3px;font-weight:700;z-index:2}
 .vslide-badge-24h{background:#e67e22;color:#fff}
 """
@@ -1044,14 +1035,28 @@ function initTikTokFullscreen(container){
     /* Start first video after short delay for HLS init */
     setTimeout(function(){activateSlide(0);},800);
 
-    /* Tap to pause/play */
+    /* Tap to pause/play + show/hide seek controls */
     slides.forEach(function(sl){
         var v=sl.querySelector('.tiktok-video');
         if(v){
+            var hideTimer=null;
+            function showControls(){
+                sl.classList.add('show-controls');
+                if(hideTimer) clearTimeout(hideTimer);
+                hideTimer=setTimeout(function(){sl.classList.remove('show-controls');},3000);
+            }
             v.addEventListener('click',function(e){
                 e.preventDefault();
-                if(v.paused){tryPlay(v);sl.classList.remove('paused');}
-                else{v.pause();sl.classList.add('paused');}
+                if(sl.classList.contains('show-controls')){
+                    /* Second tap = pause/play */
+                    if(v.paused){tryPlay(v);sl.classList.remove('paused');}
+                    else{v.pause();sl.classList.add('paused');}
+                    sl.classList.remove('show-controls');
+                    if(hideTimer) clearTimeout(hideTimer);
+                } else {
+                    /* First tap = show controls */
+                    showControls();
+                }
             });
         }
     });