全屏模式下的Android HTML5视频

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);