|
IOS系統(tǒng)在播放視頻時，能夠默認全屏播放視頻，但在安卓系統(tǒng)下卻不能夠直接默認全屏，通過以下代碼，可以讓android系統(tǒng)也能夠默認全屏播放視頻。 代碼如下： var fullscreen = function(elem) { var prefix = 'webkit'; if ( elem[prefix + 'EnterFullScreen'] ) { return prefix + 'EnterFullScreen'; } else if( elem[prefix + 'RequestFullScreen'] ) { return prefix + 'RequestFullScreen'; }; return false; }; function autoFullScrenn(v){ var ua = navigator.userAgent.toLowerCase(); var Android = String(ua.match(/android/i)) == "android"; // if(!Android) return;//非android系統(tǒng)不使用; var video = v,doc = document; var fullscreenvideo = fullscreen(doc.createElement("video")); if(!fullscreen) { alert("不支持全屏模式"); return; } video.addEventListener("webkitfullscreenchange",function(e){ if(!doc.webkitIsFullScreen){//退出全屏暫停視頻 this.pause(); }; }, false); video.addEventListener('play',function(){ this.play(); video[fullscreenvideo](); },false) video.addEventListener('ended',function(){ doc.webkitCancelFullScreen(); //播放完畢自動退出全屏 },false); }; var video = document.getElementById('videoId'); autoFullScrenn(video);
|
|
|
來自： andorcba > 《javascript》
