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
},
安卓 video 点击播放自动全屏
最新推荐文章于 2024-04-26 11:39:38 发布