请求全屏在Android Stock浏览器上不起作用

时间:2015-05-08 12:00:40

标签: javascript android youtube-api html5-video

我有自己的HTML5视频播放器,我的问题是我无法在Android Stock浏览器上输入全屏(在华为登高伙伴,htc欲望,galaxy s2 / s3上测试)。它适用于其他浏览器(Chrome,Safari等)。我用Android股票浏览器打开了Youtube,这个选项没有问题。我注意到没有youtube播放器,而是另一个标准播放器。

window.onload=function(){
var video = document.getElementById("video-player");

function enterFullscreen() {
    if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {          
        if (video.requestFullscreen) {
            video.requestFullscreen();
        } else if (video.msRequestFullscreen) {
            video.msRequestFullscreen();                
        } else if (video.mozRequestFullScreen) {
            video.mozRequestFullScreen();               
        } else if (video.webkitRequestFullscreen) {
            video.webkitRequestFullscreen();                
        }           
    } else {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
    return false;
}


var rF = document.getElementById("fullscreen-btn");
rF.addEventListener("click", function() {
    enterFullscreen();
});
};

<video id="video-player" width="640" height="390" src="video.mp4" controls></video>
<button id="fullscreen-btn" type="button">Fullcsreen</button>

0 个答案:

没有答案