Revert to a38c268: slider BDP+24h, seek buttons, grid->TikTok

app.py

@@ -393,21 +393,30 @@ def _bdp_relates(soup):
 
 # ── Video aggregator ───────────────────────────────────────────────────────────
 def fetch_latest_videos():
-    """Fetch 24h highlight videos for the homepage slider."""
+    """Fetch latest videos from BDP carousel + 24h highlights for the homepage slider."""
     videos = []
+    # BDP carousel
     try:
-        h24 = scrape_24h_video_list()[:20]
+        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]
         for a in h24:
-            # 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"})
+            if a.get("img"):
+                videos.append({"title": a["title"], "link": a["link"], "img": a["img"], "source": "24h"})
     except: pass
     return videos[:20]
 
@@ -533,7 +542,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 Highlight 24h</span>
+<div class="vslide-header"><span class="vslide-label">🎬 Video Mới Nhất</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>'''
@@ -846,10 +855,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: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)}
+.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)}
 .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}
 """
@@ -1035,28 +1044,14 @@ function initTikTokFullscreen(container){
     /* Start first video after short delay for HLS init */
     setTimeout(function(){activateSlide(0);},800);
 
-    /* Tap to pause/play + show/hide seek controls */
+    /* Tap to pause/play */
     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(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();
-                }
+                if(v.paused){tryPlay(v);sl.classList.remove('paused');}
+                else{v.pause();sl.classList.add('paused');}
             });
         }
     });