回答眼前的问题… 不，只有这些属性是不够的，为了能够自动播放带有音频的媒体，你需要在你的文档上注册一个用户手势。

但是，这个限制是非常弱的:如果你确实在父文档上接收到这个user-gesture，并且你的视频是从iframe加载的，那么你可以播放它…

以这把小提琴为例，它只是

<video src="myvidwithsound.webm" autoplay=""></video>

在第一次加载时，如果你没有点击任何地方，它将不会运行，因为我们还没有注册任何事件。 但是，一旦单击“Run”按钮，父文档(jsfiddle.net)就会接收到一个用户手势，现在视频就可以播放了，尽管从技术上讲它是加载在另一个文档中的。

但是下面的代码段(因为它需要您实际单击运行代码段按钮)将自动播放。

<video src="https://upload.wikimedia.org/wikipedia/commons/transcoded/2/22/Volcano_Lava_Sample.webm/Volcano_Lava_Sample.webm.360p.webm" autoplay=""></video> .

这意味着您的广告可能能够播放，因为您确实向主页提供了用户手势。

现在，请注意，Safari和Mobile Chrome有比这更严格的规则，并要求您至少在用户事件处理程序本身的<video>或<audio>元素上以编程方式触发一次play()方法。

btn。Onclick = e => { //将MediaElement标记为用户批准的 vid.play () () = > vid.pause ()); //现在我们可以在任何时候用这个MediaElement做任何我们想做的事情 setTimeout(()=> vid.play()， 3000); }; <button id="btn">play in 3s</button> <视频 src = " https://upload.wikimedia.org/wikipedia/commons/transcoded/2/22/Volcano_Lava_Sample.webm/Volcano_Lava_Sample.webm.360p.webm " id = "视频" > < /视频>

如果你不需要音频，那就不要把它附加到你的媒体上，只有视频轨道的视频也可以自动播放，这将减少用户的带宽使用。

回答眼前的问题… 不，只有这些属性是不够的，为了能够自动播放带有音频的媒体，你需要在你的文档上注册一个用户手势。

但是，这个限制是非常弱的:如果你确实在父文档上接收到这个user-gesture，并且你的视频是从iframe加载的，那么你可以播放它…

以这把小提琴为例，它只是

<video src="myvidwithsound.webm" autoplay=""></video>

在第一次加载时，如果你没有点击任何地方，它将不会运行，因为我们还没有注册任何事件。 但是，一旦单击“Run”按钮，父文档(jsfiddle.net)就会接收到一个用户手势，现在视频就可以播放了，尽管从技术上讲它是加载在另一个文档中的。

但是下面的代码段(因为它需要您实际单击运行代码段按钮)将自动播放。

<video src="https://upload.wikimedia.org/wikipedia/commons/transcoded/2/22/Volcano_Lava_Sample.webm/Volcano_Lava_Sample.webm.360p.webm" autoplay=""></video> .

这意味着您的广告可能能够播放，因为您确实向主页提供了用户手势。

现在，请注意，Safari和Mobile Chrome有比这更严格的规则，并要求您至少在用户事件处理程序本身的<video>或<audio>元素上以编程方式触发一次play()方法。

btn。Onclick = e => { //将MediaElement标记为用户批准的 vid.play () () = > vid.pause ()); //现在我们可以在任何时候用这个MediaElement做任何我们想做的事情 setTimeout(()=> vid.play()， 3000); }; <button id="btn">play in 3s</button> <视频 src = " https://upload.wikimedia.org/wikipedia/commons/transcoded/2/22/Volcano_Lava_Sample.webm/Volcano_Lava_Sample.webm.360p.webm " id = "视频" > < /视频>

如果你不需要音频，那就不要把它附加到你的媒体上，只有视频轨道的视频也可以自动播放，这将减少用户的带宽使用。

尝试使用鼠标移动事件监听器

var audio = document.createElement("AUDIO")
document.body.appendChild(audio);
audio.src = "./audio/rain.m4a"

document.body.addEventListener("mousemove", function () {
    audio.play()
})

公开chrome: / /设置/内容/声音 设置不需要用户手势 重新启动浏览器

就我而言，我必须这么做

 // Initialization in the dom
 // Consider the muted attribute
 <audio id="notification" src="path/to/sound.mp3" muted></audio>


 // in the js code unmute the audio once the event happened
 document.getElementById('notification').muted = false;
 document.getElementById('notification').play();

Chrome需要一个用户交互视频自动播放或通过js (video.play())播放。 但这种互动可以是任何形式的，在任何时刻。 如果你只是在页面上随机点击，视频将自动播放。 然后我解决了这个问题，添加了一个按钮(只在chrome浏览器上)，说“启用视频自动播放”。该按钮不做任何事情，只是单击它，是任何进一步视频所需的用户交互。