javascript - 如何确定视频是否在 Chrome 中以全屏模式播放

Question

我试图找出视频何时进入全屏模式以及何时退出，我添加了以下监听器:

@element.addEventListener("webkitbeginfullscreen", (e) ->
  @fullscreen = true
)

@element.addEventListener("webkitendfullscreen", (e) ->
  @fullscreen = true
)

@element.addEventListener("webkitfullscreenchange", (e) ->
  @fullscreen = ....
)

但是当我切换到全屏时，我的听众都没有捕捉到任何事件。我也试过以下代码但没有运气(它总是错误的):

 videoElement.webkitDisplayingFullscreen

我在 ubuntu 上使用 google chrome 版本 45.0.2454.85(64 位)，html5 视频标签上方的播放器是 flowplayer。

任何帮助将不胜感激

Answer 1

您可以使用以下...

jQuery(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', '#videoElementId', function(e) {
    var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
    var event = state ? 'FullscreenOn' : 'FullscreenOff';

    // Now do something interesting
    alert('Event: ' + event);    
});