javascript - mediaelementjs ie9 全屏事件

Question

我想检测 IE9 中的 mediaelementjs 全屏事件。我通过订阅“fullscreenchange mozfullscreenchange webkitfullscreenchange”来处理事件。问题是在 IE9 中单击视频播放器上的全屏按钮会在新的弹出窗口中打开，并且不会触发全屏更改。关于如何在 IE9 下处理此事件有什么想法吗？

Answer 1

Mediaelement 通过在弹出窗口中打开视频来模拟 IE9 的全屏。因此在 IE9 中不会触发“fullscreenchange”事件。为了处理弹出全屏，我们需要扩展“MediaElementPlayer.prototype.enterFullScreen”和 MediaElementPlayer .prototype.exitFullScreen”函数。

示例代码:

MediaElementPlayer.prototype.enterFullScreen_org =
MediaElementPlayer.prototype.enterFullScreen;

MediaElementPlayer.prototype.enterFullScreen = function() {
  if((/MSIE 9.0/).test(navigator.userAgent)){
    // your code here
  }
  this.enterFullScreen_org();
}

// Same for the .exitFullScreen