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 的随机视频
如果我查看“ YouTube嵌入式播放器”和“播放器参数”文档,如果您暂停视频,则无法订购更多视频部分。
我建议尽可能接近您的目标的两个参数是:
你可以加:
listType=playlist rel=0 关闭更多视频部分中的相关视频。注意:的行为
rel=0将于2019年9月25日后删除。
似乎您无法实现。使用YouTube的默认嵌入iframe。
您可能需要考虑使用播放列表选项来寻找其他玩家。像JW Player一样,您需要为此播放器的许可证JW Player播放列表docs。我也在JW Player上做了一些阅读,他们目前不支持YouTube视频。
但是,也许还有其他一些免费提供相同功能的播放器。
\n\n2021 年更新
\n
Youtube 现在似乎有一个循环功能,可以用来 git 删除 \xe2\x80\x9c 相关视频\xe2\x80\x9d。它的作用基本上是,当您的视频结束时,它会再次重新启动,而不是显示(不)相关的视频。它对我来说效果很好。这是代码:
\nhttps://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1\nRun 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>\nRun 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>\nRun Code Online (Sandbox Code Playgroud)\n