跳转到内容

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

来自次元企鹅情报局百科
←上一编辑下一编辑→
可视化wikitext
Admin​（留言 | 贡献）
行政员、​界面管理员、​管理员
414次编辑
无编辑摘要
Admin​（留言 | 贡献）
行政员、​界面管理员、​管理员
414次编辑
无编辑摘要
第1行： 第1行：
= PV 测试（单视频） =
== PV 测试（单视频） ==


我们先测试一个视频，确认 JS 能在页面内执行。
我们先测试一个视频，确认 JS 能在页面内执行。
第5行： 第5行：
== PV 区 ==
== PV 区 ==


<html>
<div class="pv-layout">
<div class="pv-layout">


   <!-- 左侧卡片区域 -->
   <!-- 左侧卡片 -->
   <div class="pv-left">
   <div class="pv-left">


第34行： 第35行：
</div>
</div>


<!-- 样式区 -->
<style>
<style>
.pv-layout {
.pv-layout {
  display: flex;
    display: flex;
  flex-wrap: wrap;
    gap: 32px;
  gap: 32px;
    margin: 20px 0 40px;
  margin: 20px 0 40px;
}
}
.pv-left {
.pv-left {
  width: 300px;
    width: 300px;
}
}
.pv-item {
.pv-item {
  cursor: pointer;
    cursor: pointer;
  background: #fff;
    background: #fff;
  padding: 8px;
    padding: 8px;
  border-radius: 12px;
    border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
  transition: .2s;
    transition: .2s;
}
.pv-item img {
  width: 100%;
  border-radius: 10px;
}
.pv-title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 6px;
}
}
.pv-item img { width: 100%; border-radius: 10px; }
.pv-title { font-size: 14px; font-weight: bold; margin-top: 6px; }
.pv-item.active {
.pv-item.active {
  box-shadow: 0 0 0 2px #3b82f6;
    box-shadow: 0 0 0 2px #3b82f6;
}
.pv-right {
  flex: 1;
  min-width: 400px;
}
}
.pv-right { flex: 1; min-width: 400px; }
.pv-player-box iframe {
.pv-player-box iframe {
  width: 100%;
    width: 100%;
  aspect-ratio: 16/9;
    aspect-ratio: 16/9;
  border-radius: 12px;
    border-radius: 12px;
}
}
</style>
</style>


<!-- 脚本区 -->
<script>
<script>
function switchPV(el) {
function switchPV(el) {
  const videoId = el.getAttribute('data-yt');
    var videoId = el.getAttribute('data-yt');
  const iframe = document.getElementById('pv-main-iframe');
    var iframe = document.getElementById('pv-main-iframe');
 
    iframe.src = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0&modestbranding=1';
  if (!videoId || !iframe) return;
 
  // 替换 iframe src
  iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0&modestbranding=1`;


  // 设置卡片高亮
    // 高亮
  document.querySelectorAll('.pv-item').forEach(function(item) {
    document.querySelectorAll('.pv-item').forEach(function(n){
    item.classList.remove('active');
        n.classList.remove('active');
  });
    });
  el.classList.add('active');
    el.classList.add('active');
}
}
</script>
</script>
</html>

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

PV 测试（单视频）

我们先测试一个视频，确认 JS 能在页面内执行。

PV 区

Fate/strange Fake ｜ 第1弾PV（测试用）

检索自“https://mediawiki.acgpenguin.com/index.php?title=2026年冬季新番/PV导视（生肉版）&oldid=353”