安卓 video 点击播放自动全屏

this.$nextTick(() => {
                        this.autoFullScrenn(this.$refs.videoRef)
})





autoFullScrenn(v) {
                // const ua = navigator.userAgent.toLowerCase()
                // const Android = String(ua.match(/android/i)) == "android"
                // if(!Android) return;//非android系统不使用;
                const video = v[0]; const doc = document

                const fullscreenvideo = this.fullscreen(doc.createElement("video"))
                if (!this.fullscreen) {
                    alert("不支持全屏模式")
                    return
                }
                video.addEventListener("webkitfullscreenchange", (e) => {
                    if (!doc.webkitIsFullScreen) { // 退出全屏暂停视频
                        video.pause()
                    }
                }, false)

                video.addEventListener('play', () => {
                    video.play()
                    video[fullscreenvideo]()
                }, false)

                video.addEventListener('ended', () => {
                    doc.webkitCancelFullScreen() // 播放完毕自动退出全屏
                }, false)
            },
            fullscreen(elem) {
                const prefix = 'webkit'
                if (elem[prefix + 'EnterFullScreen']) {
                    return prefix + 'EnterFullScreen'
                } else if (elem[prefix + 'RequestFullScreen']) {
                    return prefix + 'RequestFullScreen'
                }
                ;
                return false
            },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值