javascript - mediaelementjs ie9 全屏事件

Question

我想检测mediaelementjs全屏事件IE9。我通过订阅“fullscreenchange mozfullscreenchange webkitfullscreenchange”来处理该事件。问题是单击视频播放器上的全屏按钮会在IE9新弹出窗口中打开，并且不会触发 fullscreenchange。任何想法如何处理这个事件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