在 HTML iframe 中禁用自动播放 - HTML

在 HTML iframe 中禁用自动播放是避免页面自动播放视频或音频的一种简单方式。以下是如何禁用自动播放的介绍。

1. 使用 allow 属性

最简单的方法是在 iframe 标签中使用 allow 属性。allow 属性告诉浏览器哪些功能可以在 iframe 中使用，例如自动播放音频或视频。默认情况下，autoplay 属性是允许的。将其添加到 allow 属性中就可以禁用它。

<iframe src="https://www.example.com" allow="autoplay"></iframe>

将 autoplay 从 allow 属性中移除，即可实现禁用自动播放。

<iframe src="https://www.example.com" allow=""></iframe>

2. 使用 JavaScript

<iframe src="https://www.example.com" id="my-iframe"></iframe>

var iframe = document.getElementById("my-iframe");

iframe.onload = function() {
    var players = iframe.contentWindow.document.querySelectorAll('video, audio');
    for (var i = 0; i < players.length; i++) {
        players[i].pause();
    }
};

在 iframe 加载时，使用 JavaScript 获取其中的所有音频和视频元素，在每个元素上调用 pause() 方法来停止自动播放。

使用上述方法，你就可以在 HTML iframe 中禁用自动播放了。