在点击html之前,如何制作没有声音的视频?

时间:2017-01-15 02:35:50

标签: html css

我到处搜索过,在点击类似Facebook之前找不到在没有声音的情况下制作视频的方法。

1 个答案:

答案 0 :(得分:5)

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>