mediaelementjs ie9全屏事件

Question

我想在IE9检测mediaelementjs全屏事件。 我通过订阅“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