html - 防止同时播放多个youtube iFrame视频

标签 html iframe youtube

在我的工作中,我们最近受到了YouTube的审核,他们告诉我们我们的某些页面不遵守required minimum functionality。原因是因为用户可以手动启动多个视频并观看它们同时播放。这些视频不会自动播放,但显然,即使问题是由手动互动引起的,我们仍然违反了RMF。我的问题是,是否可以使用嵌入式iframe阻止同时播放多个youtube视频?

如果没有,那么解决此问题的最简单方法是什么?

以下HTML可以重现该问题:

<!DOCTYPE html>
<html>
<head>
    <title>Test Youtube</title>
</head>
<body>
    <iframe frameborder="0" allowfullscreen="1" src="https://www.youtube.com/embed/imsF84ICNj0"></iframe>
    <iframe frameborder="0" allowfullscreen="1" src="https://www.youtube.com/embed/r-8Tqm81MZY"></iframe>
</body>
</html>

最佳答案

如果您使用HTML5 video tag
而不是iframe,您应该能够使用事件监听器跟踪播放事件,并在该事件监听器回调中禁用具有暂停功能的其他视频。

关于html - 防止同时播放多个youtube iFrame视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62004889/

相关文章:

html - 悬停背景,前面有图像

html - iframe 不随其父窗口一起调整大小

php - 验证/允许YouTube嵌入代码

parameters - 如何通过 YouTube 的 URL 参数更改缩略图/海报图像?

wordpress - 有没有办法判断 WordPress 网站是自托管还是在 wordpress.com 上?

youtube - Google Play促销视频未在移动设备中显示,但通过笔记本电脑浏览器可见

html - Firefox 和 Chrome 中未触发表 onkeyup 事件

html - 根据分辨率折叠 div

javascript - 如何更改 iframe 的沙盒标志

security - 内容安全策略框架祖先