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

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>