如何了解视频是否在chrome中以全屏模式播放

How to find out if a video is being played in fullscreen mode in chrome

本文关键字：chrome 播放 模式 是否 何了解 了解 视频      更新时间：2023-12-02

我正试图找出视频何时进入全屏模式，何时退出，我添加了以下列表：

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

但当我切换到全屏时，没有一个听众能捕捉到任何事件。我也尝试过以下代码，但没有运气（它总是错误的）：

 videoElement.webkitDisplayingFullscreen

我在ubuntu上使用谷歌chrome 45.0.2454.85（64位）版本，html5视频标签上方的播放器是flowplayer。

任何帮助都将不胜感激

您可以使用以下。。。

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);    
});

建议将事件处理程序直接添加到文档

添加这样的处理程序（纯js）适用于chrome:

document.addEventListener("webkitfullscreenchange", function (event) {
   console.log("on webkitfullscreenchange");
   alert("on webkitfullscreenchange");
});

我创建了一个快速代码笔作为演示。

Coppen示例

但如果你使用流播放器，你可能应该使用他们的API。

相关文章：