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

MoienGK

我试图找出视频何时进入全屏模式,何时退出,我添加了以下listerens:

@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。

任何帮助将不胜感激

michaPau

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

像这样添加处理程序(纯js)适用于chrome:

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

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

copepen示例

但是,如果您使用flowplayer,则可能应该使用其API

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章