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

Lui*_*dez 8 html javascript css youtube iframe

我需要在iframe上嵌入Youtube播放列表。我不希望用户能够退出此播放列表,因此我需要禁用“相关视频”和“更多视频”功能(在视频停止播放时显示更多视频,而在停止播放时显示更多视频)视频结束了)。

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

这是我的代码:

.rep {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1280px;
   height: 640px;
   z-index: 6;
}
Run Code Online (Sandbox Code Playgroud)
<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>

Run Code Online (Sandbox Code Playgroud)

编辑:视频必须按顺序显示,因此我不能rel用来仅显示播放列表中的视频。另外,如果您单击它们,则将显示iframe之外的youtube页面。

小智 8

如果您&rel=0在播放列表链接末尾添加 - 相关视频中将仅显示您播放列表中的视频。例子:

<iframe class="rep" src="https://www.youtube.com/embed/videoseries?list=PLUl4u3cNGP63gFHB6xb-kVBiQHYe_4hSi&rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

如果您&rel=0从链接中删除,它会显示来自 YouTube 的随机视频


Dav*_*ies 7

如果我查看“ YouTube嵌入式播放器”和“播放器参数”文档,如果您暂停视频,则无法订购更多视频部分。

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

你可以加:

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

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


结论:

似乎您无法实现。使用YouTube的默认嵌入iframe。

您可能需要考虑使用播放列表选项来寻找其他玩家。像JW Player一样,您需要为此播放器的许可证JW Player播放列表docs我也在JW Player上做了一些阅读,他们目前不支持YouTube视频。

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


Ibr*_*him 6

\n

2021 年更新

\n
\n

Youtube 现在似乎有一个循环功能,可以用来 git 删除 \xe2\x80\x9c 相关视频\xe2\x80\x9d。它的作用基本上是,当您的视频结束时,它会再次重新启动,而不是显示(不)相关的视频。它对我来说效果很好。这是代码:

\n
https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1\n
Run Code Online (Sandbox Code Playgroud)\n

请确保将代码中的 VIDEO_ID 替换为您的视频 ID。N\xcc\xb2o\xcc\xb2 N\xcc\xb2e\xcc\xb2e\xcc\xb2d\xcc\xb2 用于创建播放列表

\n

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

\n
<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>\n
Run Code Online (Sandbox Code Playgroud)\n

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

\n
<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>\n
Run Code Online (Sandbox Code Playgroud)\n