守望者--AIR技术交流

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: ANE FlasCC 炼金术
查看: 1040|回复: 0

[技术资料] H5 video安卓默认点击不能全屏播放解决办法

[复制链接]
  • TA的每日心情
    擦汗
    2018-4-10 15:18
  • 签到天数: 447 天

    [LV.9]以坛为家II

    1742

    主题

    2094

    帖子

    13万

    积分

    超级版主

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    威望
    562
    贡献
    29
    金币
    51756
    钢镚
    1422

    开源英雄守望者

    发表于 2016-7-27 12:25:17 | 显示全部楼层 |阅读模式

    调用方法:

    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)

    来源:http://www.cnblogs.com/dtdxrk/p/4602166.html

    守望者AIR技术交流社区(www.airmyth.com)
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    关闭

    站长推荐上一条 /4 下一条

    QQ|手机版|Archiver|网站地图|小黑屋|守望者 ( 京ICP备14061876号

    GMT+8, 2019-10-23 01:12 , Processed in 0.044651 second(s), 35 queries .

    守望者AIR

    守望者AIR技术交流社区

    本站成立于 2014年12月31日

    快速回复 返回顶部 返回列表