Question

我正在尝试让我的视频流在全屏模式下在Android上运行。对于iOS，我使用本机<video>标记，它可以很好地工作。

我可以在我的Android上播放视频，但我没有全屏按钮。我还试图为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);

全屏模式下的Android HTML5视频

1 个答案: