H5 video安卓默认点击不能全屏播放解决办法
2015-06-26 14:19
751 查看
调用方法:
autoFullScrenn(obj)
还有一篇:
使用MediaElement.js构建个性的HTML5音频和视频播放器
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)
相关文章推荐
- 学习28个HTML5特征、窍门和技术
- 用HTML5构建一个流程图绘制工具
- 用HTML5构建一个流程图绘制工具
- html5新增结构元素
- html5放大缩小
- HTML5 Placeholder Styling with CSS
- html5 input placeholder 占位符 输入框提示文本
- HTML5包装成安卓应用
- html5中canvas中绘制渐变和绘制文字顺序问题
- html5 上传图片.net实现
- 移动前端不得不了解的html5 head 头标签
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案
- HTML5游戏实战之70行代码实现经典游戏《伐木工》
- 用HTML5实现鼠标滚轮事件放大缩小图片的功能
- 检测浏览器对HTML5和CSS3支持度的方法
- HTML5移动开发常用meta标签
- HTML5自动播放背景音乐
- HTML5 WebSocket 技术介绍
- html5 canvas
- html5 画图canvans