video.js – 默认情况下视频静音/仅在全屏视图上启用音频

2023年4月21日 599次阅读

我阅读了整个API和许多相关的帮助主题,但我没有设法使用代码来帮助我做我想要的.

这就是我需要的：
视频默认为静音.
当用户点击全屏按钮时,视频以全音量播放.

我该如何编码呢？

我知道我可以将我的视频静音添加myPlayer.volume(0),如下所示：

<script>
  var myPlayer = _V_("video_1");
  myPlayer.volume(0);
</script>

但是如何检测视频是否全屏？
我在API上找到了fullscreenchange事件,但没有成功实现它.任何帮助都可以完成我的一天.谢谢！

最佳答案 侦听fullscreenchange事件并检查播放器的isFullScreen属性.

var myPlayer = _V_("video_1");
myPlayer.volume(0);
var onFullScreen = function(){
  if (this.isFullScreen) {
    this.volume(1);
  } else {
    this.volume(0);
  }
};
myPlayer.addEvent("fullscreenchange", onFullScreen);

https://github.com/zencoder/video-js/blob/master/docs/api.md

点赞