ios移动端 FullScreen

ios移动端 FullScreenios移动端FullScreen在开发视屏video时,我们有时需要让视频全屏播放,正常PC及移动安卓的方法为://进入全屏functionFullScreen(){varele=document.documentElement;if(ele.requestFullscreen){ele.requestFullscreen();…

ios移动端 FullScreen

在开发视屏video时,我们有时需要让视频全屏播放,正常PC及移动安卓的方法为:

//进入全屏
function FullScreen() {
    var ele = document.documentElement;
    if (ele .requestFullscreen) {
        ele .requestFullscreen();
    } else if (ele .mozRequestFullScreen) {
        ele .mozRequestFullScreen();
    } else if (ele .webkitRequestFullScreen) {
        ele .webkitRequestFullScreen();
    }
}
//退出全屏
function exitFullscreen() {
    var de = document;
    if (de.exitFullscreen) {
        de.exitFullscreen();
    } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
    } else if (de.webkitCancelFullScreen) {
        de.webkitCancelFullScreen();
    }
}

但是在苹果手机里FullScreen是不支持,我们需要用webkitEnterFullscreen来解决:

var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    var y = $('#video').find('video')
    if(isiOS){ //判断是否为ios终端
      y[0].webkitEnterFullscreen() // 开启全屏
      y[0].play()
    }

今天的文章ios移动端 FullScreen分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/6003.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注