javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

Question

我需要在 iframe 上嵌入 Youtube 播放列表。我不希望用户能够退出这个播放列表，所以我需要禁用“相关视频”和“更多视频”功能(一个在视频停止时显示更多视频，一个在视频停止时显示它们视频已完成)。

我已经测试了一些解决方法，但它们仅适用于单个视频(不是播放列表)，并且大多数方法在更改 ?rel=0 的行为方式后停止工作。有什么办法吗？

这是我的代码:

.rep {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1280px;
   height: 640px;
   z-index: 6;
}

<iframe class="rep" src="https://www.youtube.com/embed/videoseries?list=PLUl4u3cNGP63gFHB6xb-kVBiQHYe_4hSi" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

编辑:视频必须按顺序显示，因此我不能使用 rel 只显示播放列表中的视频。另外，如果您点击它们，将在 iframe 之外显示一个 youtube 页面。

Answer 1

如果我查看 YouTube Embedded Players and Player Parameters docs，如果您暂停视频，则不会订购更多视频部分。

我建议尽可能接近您的目标的两个参数是:

您可以添加:

• listType=playlist
• rel=0 关闭更多视频部分的相关视频。

Note: The behaviour of rel=0 will be removed after September 25, 2019.

---

结论:

看来你想要实现的目标是不可能的。使用 YouTube 的默认嵌入 iframe。

您可能想考虑看看其他具有播放列表选项的播放器。 JW Player 之类的东西请注意，您需要此播放器的许可证，JW Player playlist docs . 我也阅读了 JW Player，他们目前不支持 YouTube 视频。

但也许有其他免费的播放器具有相同的功能。