全屏模式下的 Android HTML5 视频

Question

我正在尝试让我的视频流在全屏模式下在 android 上运行。对于 iOS，我使用原生的 <video> 标签，效果很好。

我可以在我的安卓设备上播放视频，但我没有全屏按钮。我还尝试为 android 设备创建自己的模板，并将播放器的宽度和高度设置为窗口大小（假全屏）。我在这里遇到的问题是，当我旋转设备时，调整大小无法正常工作，因此我可以滚动视频。

这是我尝试过的：

$(document).ready(function() {
    $(window).on('resize orientationchange', function() {
         $('#myPlayer').width( $(window).width() ).height( $(window).height() );
    });
}

谁能帮我让它在 Android 上运行？

希望你能理解我的问题，我的英语不是很好......

Answer 1

HTML5 video full screen on mobile browsers (android)

似乎是同一个问题。

你需要的事件是：webkitbeginfullscreen（进入全屏）和webkitendfullscreen（退出全屏）

var player = document.getElementsByTagName("video")[0];
player.addEventListener('webkitbeginfullscreen', onVideoBeginsFullScreen, false);
player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);