如何确定是否在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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何确定视频当前是否正在OS X上全屏播放

来自分类Dev

iPhone或iPad是否可以在窗口而不是全屏模式下支持本地视频播放?

来自分类Dev

iPhone或iPad是否可以在窗口而不是全屏模式下支持本地视频播放?

来自分类Dev

如何确定是否在C中映射了内存页

来自分类Dev

如何确定是否在Ruby中传递了可选参数

来自分类Dev

如何确定是否在Django中创建了新对象?

来自分类Dev

如何确定是否实施了角度2中的事件?

来自分类Dev

在 AngularJS 中,如何确定是否为组件提供了属性?

来自分类Dev

如何全屏播放YouTubePlayList意图视频

来自分类Dev

在全屏模式下以全屏模式在videoview中制作视频

来自分类Dev

如何确定是否复制或引用值?

来自分类Dev

angular如何确定是否存在jQuery?

来自分类Dev

scanf如何确定是否阻止?

来自分类Dev

如何确定是否启用了沙箱

来自分类Dev

如何确定是否存在类方法

来自分类Dev

如何确定是否选择了可选列表

来自分类Dev

如何确定是否可以看到组件?

来自分类Dev

Windows-以全屏模式自动播放视频和图像

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

如何使VLC始终以全屏模式播放

来自分类Dev

如何更改 WebBrowser 全屏视频模式?

来自分类Dev

Chrome扩展程序确定是否从移动Chrome商店安装

来自分类Dev

VIM:确定是否从可视块模式调用函数

来自分类Dev

如何在Tkinter中检查窗口是否在全屏模式下?

来自分类Dev

视频无法在Chrome中播放

来自分类Dev

如何禁用全屏播放与iPhone中的html5视频标签?

来自分类Dev

在Livecode中将全屏模式设置为“ exactFit”时,如何使用本机视频播放器进行设置?

Related 相关文章

  1. 1

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

  2. 2

    如何确定视频当前是否正在OS X上全屏播放

  3. 3

    iPhone或iPad是否可以在窗口而不是全屏模式下支持本地视频播放?

  4. 4

    iPhone或iPad是否可以在窗口而不是全屏模式下支持本地视频播放?

  5. 5

    如何确定是否在C中映射了内存页

  6. 6

    如何确定是否在Ruby中传递了可选参数

  7. 7

    如何确定是否在Django中创建了新对象?

  8. 8

    如何确定是否实施了角度2中的事件?

  9. 9

    在 AngularJS 中,如何确定是否为组件提供了属性?

  10. 10

    如何全屏播放YouTubePlayList意图视频

  11. 11

    在全屏模式下以全屏模式在videoview中制作视频

  12. 12

    如何确定是否复制或引用值?

  13. 13

    angular如何确定是否存在jQuery?

  14. 14

    scanf如何确定是否阻止?

  15. 15

    如何确定是否启用了沙箱

  16. 16

    如何确定是否存在类方法

  17. 17

    如何确定是否选择了可选列表

  18. 18

    如何确定是否可以看到组件?

  19. 19

    Windows-以全屏模式自动播放视频和图像

  20. 20

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  21. 21

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  22. 22

    如何使VLC始终以全屏模式播放

  23. 23

    如何更改 WebBrowser 全屏视频模式?

  24. 24

    Chrome扩展程序确定是否从移动Chrome商店安装

  25. 25

    VIM:确定是否从可视块模式调用函数

  26. 26

    如何在Tkinter中检查窗口是否在全屏模式下?

  27. 27

    视频无法在Chrome中播放

  28. 28

    如何禁用全屏播放与iPhone中的html5视频标签?

  29. 29

    在Livecode中将全屏模式设置为“ exactFit”时,如何使用本机视频播放器进行设置?

热门标签

归档