将视频点击功能从播放/暂停更改为静音/取消静音

Question

我有一个标题视频，默认情况下它需要静音，以便可以在所有浏览器上自动播放，我想同时隐藏所有视频控件，为用户提供根据需要静音和取消静音视频的选项，我想将视频的 onClick 功能从播放/暂停更改为静音/取消静音，我该怎么做？

我尝试调整 Stack 的一些解决方案，但我不知道该怎么做。

Answer 1

您可以使用

muted

属性来切换视频的音频，只要您的视频默认静音即可。

const video = document.getElementById('myVideo');

video.addEventListener('click', () => {
    video.muted = !video.muted;
});