【问题标题】:Android HTML5 Video in Fullscreen Mode全屏模式下的 Android HTML5 视频
【发布时间】:2013-10-09 16:39:22
【问题描述】:

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

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

这是我尝试过的:

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

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

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

【问题讨论】:

    标签: android html video html5-video


    【解决方案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);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-27
      • 2013-01-17
      • 2014-08-19
      • 2012-11-22
      • 2013-08-23
      • 2014-07-11
      相关资源
      最近更新 更多