Javascript按钮可将背景视频静音

Question

我有网站系统，我上传视频。我只能通过CSS和JS编辑代码。

我需要一些按钮，用音乐将背景视频静音。不要停止视频，只能静音。

你能帮助我吗？

这是页面： https://www.paddleboardy.cz/

我试试这个，但没有工作：

 <a onclick="document.getElementById('#videoWrapper').muted = true; return false">
 <img src="https://www.paddleboardy.cz/user/documents/upload/mute-icon.png"/>
</a>

THX

Answer 1

 <a onclick="document.querySelector('#videoWrapper video').muted = true;>

将代码更改为此代码，document.getElementById不需要＃，但您可以在document.querySelector中使用＃作为ID。 return false是不必要的。此外，由于您的HTML结构，您必须定位videoWrapper中的视频元素，因此'#videoWrapper video'是正确的选择器。

Answer 2

document.getElementById不需要#来获取该元素。此外#videoWrapper不是实际的视频元素，因此您需要执行以下操作：document.querySelector('#videoWrapper video').muted = true。