js控制浏览器静音
时间: 2023-07-28 11:06:34 浏览: 79
可以使用 `mute` 方法来控制浏览器的静音状态。具体实现代码如下:
```javascript
// 将浏览器设置为静音状态
function muteBrowser() {
if(typeof document.documentElement.webkitRequestFullscreen === "function") {
document.documentElement.webkitRequestFullscreen();
} else if(typeof document.documentElement.mozRequestFullScreen === "function") {
document.documentElement.mozRequestFullScreen();
}
document.querySelector("video").muted = true;
}
// 将浏览器取消静音状态
function unmuteBrowser() {
if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
document.querySelector("video").muted = false;
}
```
上面的代码中,我们使用了 `muted` 属性来控制视频的静音状态,同时使用了全屏方法来确保视频可以被静音。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)