html - 在 html 中单击之前如何使视频播放没有声音？

Question

我到处搜索，找不到一种方法来制作 html 视频，直到点击有点像 Facebook 时才播放没有声音。

Answer 1

autoplay 属性将自动播放视频，muted 属性默认将视频静音。这样就可以播放没有声音的视频。然后，您可以为视频分配一个 JS 点击处理程序，并通过设置 video.muted = false

关闭静音

var video = document.getElementById('video');
video.addEventListener('click',function() {
  video.muted = false;
});

<video id="video" src="http://www.w3schools.com/html/mov_bbb.mp4" autoplay muted controls></video>