2026年冬季新番/PV导视（生肉版）：修订间差异

2025年11月22日 (六) 12:20的版本

2026年冬季新番 · PV 导视（方案：左侧卡片 + 右侧播放器）

以下为本季度番剧的 PV 列表，你可点击左侧任何卡片在右侧播放。

     <img src="https://img.youtube.com/vi/k1G8EvZg_BY/hqdefault.jpg">

Fate/strange Fake ｜第1弾PV

     <img src="https://img.youtube.com/vi/MwP4gqRys4c/hqdefault.jpg">

葬送的芙莉莲第2期｜ PV第2弾

     <img src="https://img.youtube.com/vi/JDltDG8n7Do/hqdefault.jpg">

咒术回战死灭回游前篇｜第1弾PV

     <img src="https://img.youtube.com/vi/5QUyhQsXXtw/hqdefault.jpg">

地狱乐第2期｜第1弾PV

       {{#ev:youtube|k1G8EvZg_BY|width=960|alignment=center}}

   display: flex;
   gap: 32px;
   margin: 20px 0;

} .pv-left {

   width: 340px;
   display: flex;
   flex-direction: column;
   gap: 20px;

} .pv-item {

   cursor: pointer;
   background: #fff;
   border-radius: 14px;
   padding: 10px;
   box-shadow: 0 4px 16px rgba(0,0,0,0.1);
   transition: .2s;

} .pv-item:hover {

   transform: translateY(-4px);
   box-shadow: 0 10px 26px rgba(0,0,0,.18);

} .pv-item img {

   width: 100%;
   border-radius: 10px;

} .pv-title {

   margin-top: 6px;
   font-size: 15px;
   font-weight: bold;

} .pv-right {

   flex: 1;
   min-width: 600px;

} </style>

   var box = document.getElementById("pv-player-box");
   box.innerHTML =
     '{{#ev:youtube|' + videoId + '|width=960|alignment=center}}';

   // 点击卡片后自动滚动到播放器顶部
   document.querySelector(".pv-right").scrollIntoView({
       behavior: "smooth",
       block: "start"
   });

} </script>

@@ 第1行： / 第1行： @@
-== 🎬 PV 导视（方案 A：PV 卡片 + 自动目录） ==
+== 2026年冬季新番 · PV 导视（方案：左侧卡片 + 右侧播放器） ==
-以下为本页面的 PV 列表，你可直接点击任意卡片展开播放。
-----
+以下为本季度番剧的 PV 列表，你可点击左侧任何卡片在右侧播放。
+<!-- ==========================
+     主布局（两栏：左卡片 + 右播放器）
+     ========================== -->
+<div class="pv-layout">
+  <!-- 左侧：PV 卡片列表 -->
+  <div class="pv-left">
+    <div class="pv-item" onclick="switchPV('k1G8EvZg_BY')">
+      <img src="https://img.youtube.com/vi/k1G8EvZg_BY/hqdefault.jpg">
+      <div class="pv-title">Fate/strange Fake ｜ 第1弾PV</div>
+    </div>
+    <div class="pv-item" onclick="switchPV('MwP4gqRys4c')">
+      <img src="https://img.youtube.com/vi/MwP4gqRys4c/hqdefault.jpg">
+      <div class="pv-title">葬送的芙莉莲 第2期 ｜ PV第2弾</div>
+    </div>
+    <div class="pv-item" onclick="switchPV('JDltDG8n7Do')">
+      <img src="https://img.youtube.com/vi/JDltDG8n7Do/hqdefault.jpg">
+      <div class="pv-title">咒术回战 死灭回游 前篇 ｜ 第1弾PV</div>
+    </div>
+    <div class="pv-item" onclick="switchPV('5QUyhQsXXtw')">
+      <img src="https://img.youtube.com/vi/5QUyhQsXXtw/hqdefault.jpg">
+      <div class="pv-title">地狱乐 第2期 ｜ 第1弾PV</div>
+    </div>
-=== Fate/strange Fake ｜ 第1弾PV ===
-<html>
-<div class="pv-grid">
-  <div class="pv-card" data-pv="pv_fate" data-yt="k1G8EvZg_BY"
-       onclick="togglePV('pv_fate','k1G8EvZg_BY')">
-    <img src="https://img.youtube.com/vi/k1G8EvVg_BY/hqdefault.jpg" class="pv-thumb" />
-    <div class="pv-title">Fate/strange Fake ｜ 第1弾PV</div>
    </div>
-</div>
-</html>
-<div id="pv_fate" class="pv-player" data-open="0"></div>
-----
+  <!-- 右侧：唯一的主播放器 -->
+  <div class="pv-right">
+      <div id="pv-player-box">
+        {{#ev:youtube|k1G8EvZg_BY|width=960|alignment=center}}
+      </div>
+  </div>
-=== 葬送的芙莉莲 第2期 ｜ PV第2弾 ===
-<html>
-<div class="pv-grid">
-  <div class="pv-card" data-pv="pv_frieren" data-yt="MwP4gqRys4c"
-       onclick="togglePV('pv_frieren','MwP4gqRys4c')">
-    <img src="https://img.youtube.com/vi/MwP4gqRys4c/hqdefault.jpg" class="pv-thumb" />
-    <div class="pv-title">葬送的芙莉莲 第2期 ｜ PV第2弾</div>
-  </div>
 </div>
-</html>
-<div id="pv_frieren" class="pv-player" data-open="0"></div>
-----
+<!-- ==========================
+     页面专属 CSS
+     ========================== -->
+<style>
+.pv-layout {
+    display: flex;
+    gap: 32px;
+    margin: 20px 0;
+}
+.pv-left {
+    width: 340px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+.pv-item {
+    cursor: pointer;
+    background: #fff;
+    border-radius: 14px;
+    padding: 10px;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
+    transition: .2s;
+}
+.pv-item:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 10px 26px rgba(0,0,0,.18);
+}
+.pv-item img {
+    width: 100%;
+    border-radius: 10px;
+}
+.pv-title {
+    margin-top: 6px;
+    font-size: 15px;
+    font-weight: bold;
+}
+.pv-right {
+    flex: 1;
+    min-width: 600px;
+}
+</style>
-=== 咒术回战 死灭回游 前篇 ｜ 第1弾PV ===
-<html>
-<div class="pv-grid">
-  <div class="pv-card" data-pv="pv_jujutsu" data-yt="JDltDG8n7Do"
-       onclick="togglePV('pv_jujutsu','JDltDG8n7Do')">
-    <img src="https://img.youtube.com/vi/JDltDG8n7Do/hqdefault.jpg" class="pv-thumb" />
-    <div class="pv-title">咒术回战 死灭回游 前篇 ｜ 第1弾PV</div>
-  </div>
-</div>
-</html>
-<div id="pv_jujutsu" class="pv-player" data-open="0"></div>
-----
+<!-- ==========================
+     JS：切换 PV（唯一播放器更新）
+     ========================== -->
+<script>
+function switchPV(videoId) {
+    var box = document.getElementById("pv-player-box");
+    box.innerHTML =
+      '{{#ev:youtube|' + videoId + '|width=960|alignment=center}}';
-=== 地狱乐 第2期 ｜ 第1弾PV ===
+    // 点击卡片后自动滚动到播放器顶部
-<html>
+    document.querySelector(".pv-right").scrollIntoView({
-<div class="pv-grid">
+        behavior: "smooth",
-  <div class="pv-card" data-pv="pv_jigokuraku" data-yt="5QUyhQsXXtw"
+        block: "start"
-       onclick="togglePV('pv_jigokuraku','5QUyhQsXXtw')">
+     });
-    <img src="https://img.youtube.com/vi/5QUyhQsXXtw/hqdefault.jpg" class="pv-thumb" />
+}
-     <div class="pv-title">地狱乐 第2期 ｜ 第1弾PV</div>
+</script>
-  </div>
-</div>
-</html>
-<div id="pv_jigokuraku" class="pv-player" data-open="0"></div>