mediaelementjs ie9 全屏事件

【问题标题】：mediaelementjs ie9 fullscreen eventmediaelementjs ie9 全屏事件
【发布时间】：2012-12-21 06:51:22
【问题描述】：

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

【问题讨论】：

标签： javascript video internet-explorer-9 mediaelement.js

【解决方案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

【讨论】：