htmlでクリックするまでサウンドを再生せずにビデオを再生するにはどうすればいいですか？

Question

私はどこでも検索しており、Facebookのようなものをクリックするまで、音声なしでhtmlでビデオを再生する方法を見つけることはできません。

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>

を設定することにより、ミュートオフにすることができます