H5 video安卓預設點擊不能全屏播放解決辦法

標籤：

調用方法：

autoFullScrenn(obj)

 

還有一篇：

使用MediaElement.js構建個性的HTML5音頻和視頻播放器

 

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系統不使用;    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();            // this.pause();        };    }, false);    video.addEventListener("click", function(){        this.play();        video[fullscreenvideo]();    }, false);    video.addEventListener(‘ended‘,function(){        doc.webkitCancelFullScreen(); //播放完畢自動結束全屏    },false);};// autoFullScrenn(video_obj)

　　

H5 video安卓預設點擊不能全屏播放解決辦法