如何使用声音自动播放html视频

Question

我将html视频代码添加到静音/取消静音按钮中。这是我的冲突，我试图添加我的视频以使用声音自动播放，有人将视频静音以提供一些解决方案(当通过单击静音按钮静音时，视频应该一直在播放(，但播放视频的声音何时不自动播放，然后单击静音按钮声音正在播放，有没有人有解决方案？

感谢

这里是代码

var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
btn.innerHTML = video.muted ? "Unmute":'Mute';
video.muted = !video.muted;
}

<div class="content">
<button id="myBtn" onclick="myFunction()">Mute</button>
</div>
<video autoplay muted loop id="myVideo">
<source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>

Answer 1

也许这更接近您想要的？添加controls属性也可能有所帮助，因为这通常是更好的做法。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-控制

var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
video.muted = !video.muted;
btn.innerHTML = video.muted ? "Unmute":'Mute';
}

<video autoplay loop id="myVideo">
<source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="content">
<button id="myBtn" onclick="myFunction()">Toggle Mute</button>
</div>