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