Javascript 请求全屏在Android股票浏览器上不起作用
我有自己的HTML5视频播放器,我的问题是无法在Android股票浏览器上全屏显示(在华为ascend mate、htc desire、galaxy s2/s3上测试)。它适用于其他浏览器(Chrome、Safari等)。我用Android股票浏览器打开了Youtube,这个选项没有问题。我注意到没有youtube播放器,而是另一个standart播放器Javascript 请求全屏在Android股票浏览器上不起作用,javascript,android,youtube-api,html5-video,Javascript,Android,Youtube Api,Html5 Video,我有自己的HTML5视频播放器,我的问题是无法在Android股票浏览器上全屏显示(在华为ascend mate、htc desire、galaxy s2/s3上测试)。它适用于其他浏览器(Chrome、Safari等)。我用Android股票浏览器打开了Youtube,这个选项没有问题。我注意到没有youtube播放器,而是另一个standart播放器 window.onload=function(){ var video = document.getElementById("video-pl
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>
window.onload=function(){
var video=document.getElementById(“视频播放器”);
函数enterFullscreen(){
如果(!document.fullscreenElement&&!document.mozFullScreenElement&&!document.webkitFullscreenElement&&!document.msFullscreenElement){
if(视频请求全屏){
video.requestFullscreen();
}else if(video.msRequestFullscreen){
video.msRequestFullscreen();
}else if(视频.全屏){
video.mozRequestFullScreen();
}else if(video.webkitRequestFullscreen){
video.webkitRequestFullscreen();
}
}否则{
if(document.exitFullscreen){
document.exitFullscreen();
}else if(document.msexit全屏){
document.msExitFullscreen();
}else if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}else if(document.webkitExitFullscreen){
document.webkitExitFullscreen();
}
}
返回false;
}
var rF=document.getElementById(“全屏btn”);
rF.addEventListener(“单击”,函数(){
输入全屏();
});
};
全绿
您能否指定要测试的Android版本和设备?一些无法进入全屏模式的玩家会将视频拉伸到全浏览器视图,以创建全屏体验OK,我在华为ascend mate、htc desire、三星galaxy s2/s3check video.js requestFullscreen method上进行了测试,如果设备不支持,它们会将视频拉伸到整个视口,您可能需要执行相同的操作。JWPlayer有一个全屏支持状态的页面,您可以看到Android股票浏览器不支持它