如何从嵌入式 youtube 播放列表中禁用“相关视频”

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 页面。

原文由 Luis Fernandez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果我查看 YouTube 嵌入式播放器和播放器参数 文档，如果您暂停视频，则不会订购更多视频部分。

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

你可以加：

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

注意： rel=0 的行为将于2019年9月25日后移除。

---

结论：

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

您可能需要考虑使用播放列表选项寻找其他播放器。 JW Player 之类的东西注意你需要这个播放器的许可证， JW Player playlist docs 。我也阅读了 JW Player，他们目前不支持 YouTube 视频。

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

原文由 Davy de Vries 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

2021 年更新

Youtube 现在似乎有一个循环功能，可以用来 git 摆脱“相关视频”。它的作用基本上是，当您的视频结束时，它会再次重新开始，而不是显示（不）相关的视频。它在我的案例中非常有效。这是代码：

 https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1

请确保将代码中的两个 VIDEO_ID 替换为您的视频 ID。 N̲o̲ N̲e̲e̲d̲ 用于创建播放列表

启用了播放器控件的完整 iframe 代码示例

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1" title="YouTube video player" rel="0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

禁用播放器控件的完整 iframe 代码示例

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1&controls=0" title="YouTube video player" rel="0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

原文由 Ibrahim 发布，翻译遵循 CC BY-SA 4.0 许可协议