Question

我有一个包含多个iframe的页面，其中包含一个或多个html5视频。我正在尝试获取页面上的所有iframe，获取每个iframe中的所有视频并暂停它们。对于只有一个视频，我总是会遇到这种方法的错误。非常感谢你的帮助！

$('iframe').each(function(){
    var video = $(this).contents().find('video').first();
    video.get(0).pause();
});

Answer 1

您可以使用以下代码执行此操作：

<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>

在页面上的每个iframe中暂停HTML5视频

1 个答案: