小编Pas*_*tha的帖子

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);
  }
});
Run Code Online (Sandbox Code Playgroud)
<video controls autoplay playsinline id="myVideo" class="video-js vjs-16-9 vjs-big-play-centered"></video>
<button class="mute-btn11"> Mute </button>
Run Code Online (Sandbox Code Playgroud)

html javascript addeventlistener html5-video video.js

4
推荐指数
1
解决办法
7171
查看次数