1

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

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

这是我尝试过的：

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

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

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

4

1 回答 1

1

移动浏览器上的 HTML5 视频全屏 (android)

似乎是同一个问题。

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

var player = document.getElementsByTagName("video")[0];
player.addEventListener('webkitbeginfullscreen', onVideoBeginsFullScreen, false);
player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);
于 2014-02-25T10:04:16.517 回答