VideoJS 播放器自定义 mute/unmute 切换
VideoJS player custom mute/unmute toggle
我需要向 VideoJs 播放器添加自定义 mute/unmute 按钮(当我点击该按钮时,如果它已静音,它应该取消静音,如果它未静音,则它应该静音)。
我尝试使用 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>
Muted 是 VideJS Player 对象的一个函数。
您可以使用此方法获取视频的播放器对象。
var vp = videojs('myVideo').player();
然后,您可以调用 muted() 函数来获取布尔值。
var muted = vp.muted();
要设置使用带 true 或 false 参数的静音方法
var muted = vp.muted( true );
var muted = vp.muted( false );
我需要向 VideoJs 播放器添加自定义 mute/unmute 按钮(当我点击该按钮时,如果它已静音,它应该取消静音,如果它未静音,则它应该静音)。
我尝试使用 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>
Muted 是 VideJS Player 对象的一个函数。
您可以使用此方法获取视频的播放器对象。
var vp = videojs('myVideo').player();
然后,您可以调用 muted() 函数来获取布尔值。
var muted = vp.muted();
要设置使用带 true 或 false 参数的静音方法
var muted = vp.muted( true );
var muted = vp.muted( false );