全屏模式下的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);