如何在Anki卡片中从多个视频里仅随机显示一个

安全阿岳

2026-7-23

解决Anki卡片随机显示单个<sound>视频标签的问题

要实现随机选取多个<sound>视频标签中的一个显示，直接用Anki默认功能做不到，得靠卡片模板里的JavaScript来处理，步骤如下：

第一步：给卡片背面的所有<sound>标签加统一容器
把你的视频sound标签放到一个带类名的div里，方便脚本定位：
```
<div class="sound-group">
  <sound src="video_a.mp4"></sound>
  <sound src="video_b.mp4"></sound>
  <sound src="video_c.mp4"></sound>
</div>
```

第二步：添加随机选择脚本
在卡片背面模板的末尾（</body>标签前）插入这段JavaScript代码：

// 抓取所有视频sound标签
const soundElements = document.querySelectorAll('.sound-group sound');
if (soundElements.length > 0) {
  // 生成随机索引
  const randomIdx = Math.floor(Math.random() * soundElements.length);
  // 只显示随机选中的那个，隐藏其他
  soundElements.forEach((el, idx) => {
    el.style.display = idx === randomIdx ? 'inline-block' : 'none';
    // 可选：自动播放选中的视频
    if (idx === randomIdx) {
      el.play().catch(err => console.log('播放失败:', err));
    }
  });
}