如何解决VideoJS播放器自定义静音/取消静音切换
我需要为VideoJs播放器添加一个自定义的静音/取消静音按钮(当我单击该按钮时,如果该按钮被静音,则应取消静音,而如果将其取消静音则应使其静音)。
我尝试使用JavaScript通过以下方式执行此操作,但是它不起作用。你能帮我解决这个问题吗?
const muteButton = document.querySelector(".mute-btn11");
muteButton.addEventListener("click",function() {
var video = videojs("myVideo");
const booleanValue = video.muted.valueOf();
console.log(booleanValue);
if (booleanValue == true) {
video.muted(false);
} else {
video.muted(true);
}
});
<video controls autoplay playsinline id="myVideo" class="video-js vjs-16-9 vjs-big-play-centered"></video>
<button class="mute-btn11"> Mute </button>
解决方法
静音是 VideJS Player 对象的一个功能。
您可以使用此方法获取视频的 Player 对象。
var vp = videojs('myVideo').player();
然后,您可以调用 muted() 函数来获取布尔值。
var muted = vp.muted();
使用真假参数设置使用静音方法
var muted = vp.muted( true );
var muted = vp.muted( false );
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。