检测退出全屏html视频

时间:2012-10-26 15:03:44

标签: javascript android html5

当我从我的Android打开html5视频并自动进入全屏时,我想检测用户点击后退按钮并退出视频时,我曾尝试过一群听众IN THIS DOC 还尝试使用webkitfullscreenchange以及此URL中的所有事件。 “已结束”事件有效但我需要在用户返回并退出视频时进行检测。

特别是我的问题是在Android 2.3.5中,当用户点击播放时,自动进入全屏,然后更改视频的方向,然后点击返回。在那一点上,我的页面全部搞砸了,因为它在视频内部没有触发onorientationchange事件,这就是为什么我需要重新调整我的图层。如果有人知道或遇到类似问题,请告诉我你是如何解决的,谢谢

EDIT 我还想知道,一旦播放视频,海报的大小是否有任何解决方案

1 个答案:

答案 0 :(得分:1)

我无法想到直接解决你的问题,但是我想到了一个解决方法。试试这个:

当用户点击视频开始播放时,您可以触发一个小的JavaScript函数来处理您的显示/页面重新调整大小。每隔一秒左右重复一次这个功能。此功能可以检查屏幕宽度以确定显示器是否处于横向模式,然后相应地重新调整图层的大小。视频完成后,您的页面布局就已经重置了。该功能可以继续侦听方向更改回画像,此时它只会重新调整图层大小,然后停止调用/重复自己。

我发现一旦你点击电影,一些设备可能会杀死/停止你页面上的任何JS进程,在这种情况下你可以简单地中断用户的点击,执行你的重新调整大小,然后通过JavaScript调用电影。

我希望这会有所帮助。祝你好运。

相关问题