暂停 iframe src 中的所有视频

Question

我正在使用iframe嵌入来自S4的mp3视频。

<iframe class="you1" src="https://s3-us-west-2.amazonaws.com/vidcuratorfx2training/Video+1.mp4"></iframe>

但是此视频在加载时会自动播放。由于页面上有多个视频，因此所有视频都会自动开始播放。

我尝试使用以下js代码暂停所有视频，但它不起作用。

<script>
window.onload = function() {
var frames = document.getElementsByTagName("iframe");
for (var i = 0; i< frames.length; i++) {
var innerDoc = (frames.item(i).contentDocument) ? 
frames.item(i).contentDocument : frames.item(i).contentWindow.document;
var iframeVideoTags = innerDoc.getElementsByTagName("video");
for (var j = 0; j < iframeVideoTags.length; j++) {
iframeVideoTags.item(j).pause();
}
}
}
</script>

我的 CSS 约束限制为 HTML5 视频标签。我只需要使用iframe。

如何加载默认暂停的iframe视频？

Answer 1

看看这个

<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>

但是使用上面的代码，您需要添加两种不同格式的视频 以获得不同的浏览器支持。

我最好的建议是将您的视频上传到youtube上，并将youtube链接添加到您的">iFrame's src"中。 使用YouTube URL的优点是YouTube可以处理所有可能性，就像最小化屏幕和其他一样