进入全屏时未调用android html5视频全屏更改答案

【问题标题】：android html5 video fullscreenchange not called on entering fullscreen进入全屏时未调用android html5视频全屏更改
【发布时间】：2014-11-24 13:23:02
【问题描述】：

我有一个通过 android 上的 cordova/phonegap 运行的应用程序。我们将方向锁定为纵向，但如果用户播放视频，我们希望切换横向。我关注了this post，但我无法让它工作，因为fullscreenchange 事件仅在通过后退按钮离开全屏时触发，而不是在通过单击视频控件的全屏按钮进入全屏时触发。

代码如下：

$(document).on('webkitfullscreenchange fullscreenchange', handler) // -> handler not called on entering fullscreen

这可能是浏览器错误吗？还有其他人遇到过这个问题或有其他解决方案/解决方法吗？

在 Android 4.x 上测试。

编辑：这可能是原因吗？ http://caniuse.com/#feat=fullscreen（不支持安卓全屏） - 但它会在通过后退按钮离开全屏时触发......

【问题讨论】：

标签： android cordova html5-video

【解决方案1】：

似乎webkitbeginfullscreen 事件被触发了。

所以现在我可能会使用这样的东西：

videoEl.addEventListener('webkitbeginfullscreen', function() {
    screen.lockOrientation('landscape-primary');
}, false);
videoEl.addEventListener('webkitendfullscreen', function() {
    screen.lockOrientation('portrait-primary');
}, false);

见https://stackoverflow.com/a/22010698/2235793

注意：这两个事件不会在运行 android 4.4.4（cordova v3.6 内部）的 nexus 5 上触发。但是在那里，在进入和退出时会触发 webkitfullscreenchange 事件。叹息。

【讨论】：