跳转到内容

2026年冬季新番/PV导视(生肉版)

来自次元企鹅情报局百科
Admin留言 | 贡献2025年11月22日 (六) 12:23的版本

2026年冬季新番 · PV 导视(方案:左侧卡片 + 右侧播放器)

以下为本季度番剧的 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}}


页面样式(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>


页面脚本(JS)

<script> function switchPV(videoId) {

   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>