如何在視頻背景上添加靜音/取消靜音按鈕[在Divi-WordPress]

Question

如何在視頻背景（MP4）上放置“靜音/取消靜音”按鈕？

網站鏈接： http : //bsibasketball.com/

任何幫助，將不勝感激。

非常感謝！

Answer 1

使用以下腳本嘗試：

 const btn = document.getElementById('mute'), video = document.querySelector('video'); btn.addEventListener('click', () => { if (btn.value === 'unmuted') { btn.value = 'muted'; btn.innerHTML = 'Unmute'; video.muted = true; } else { btn.value = 'unmuted'; btn.innerHTML = 'Mute'; video.muted = false; } }); 

 <video id="myVideo" autoplay> <source src="https://www.w3schools.com/jsref/movie.mp4" type="video/mp4"> <source src="https://www.w3schools.com/jsref/movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> <br> <button id="mute" value="unmuted">Mute</button> 

您可以隨意使用它。 您還可以使用戶單擊視頻而不是按鈕。