H5 video安卓默认点击不能全屏播放解决办法
<div id="cnblogs_post_body"><p>调用方法:</p><p>autoFullScrenn(obj)</p>
<p> </p>
<p>还有一篇:</p>
<p><span style="text-decoration: underline;"><span style="color: #0000ff;"><a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/gbin1/archive/2012/05/03/2480837.html"><span style="color: rgb(0, 0, 255);">使用MediaElement.js构建个性的HTML5音频和视频播放器</span></a></span></span></p>
<p> </p>
<div class="cnblogs_Highlighter sh-gutter">
<div><div id="highlighter_42445" class="syntaxhighlighterhtml"><br></div></div>
</div>
<p> </p><div class="blockcode"><blockquote>var fullscreen = function(elem) {<br> var prefix = 'webkit';<br> if ( elem ) {<br> return prefix + 'EnterFullScreen';<br> } else if( elem ) {<br> return prefix + 'RequestFullScreen';<br> };<br> return false;<br>};<br> <br>function autoFullScrenn(v){<br> var ua = navigator.userAgent.toLowerCase(); <br> var Android = String(ua.match(/android/i)) == "android";<br> // if(!Android) return;//非android系统不使用;<br> var video= v,doc = document;<br> var fullscreenvideo = fullscreen(doc.createElement("video"));<br> if(!fullscreen) {<br> alert("不支持全屏模式");<br> return;<br> }<br> video.addEventListener("webkitfullscreenchange",function(e){<br> if(!doc.webkitIsFullScreen){//退出全屏暂停视频<br> this.pause();<br> // this.pause();<br> };<br> }, false);<br> video.addEventListener("click", function(){<br> this.play();<br> video();<br> }, false);<br> <br> <br> video.addEventListener('ended',function(){<br> doc.webkitCancelFullScreen(); //播放完毕自动退出全屏<br> },false);<br> <br>};<br> <br>// autoFullScrenn(video_obj)</blockquote></div><br></div><div id="cnblogs_post_body">来源:http://www.cnblogs.com/dtdxrk/p/4602166.html</div><p></p>
页:
[1]