uniapp video 标签,点击进入全屏播放,退出全屏,停止播放,暂停播放

<video 
	:src="url" 
	controls 
	id="videoId" 
	@play="play"
	@fullscreenchange="fullscreenchange">
</video>
// 播放时进入全屏
play(index) {
	let videoContext = uni.createVideoContext('videoId', this)
	videoContext.requestFullScreen()
},

//退出全屏时暂停
fullscreenchange(e) {
	if (!e.detail.fullScreen) {
		uni.createVideoContext('videoId', this).pause();
	} 
},
//退出全屏时停止
fullscreenchange (e){
	if(!e.detail.fullScreen){
		this.videoContext.stop()
	}
}

猜你喜欢

转载自blog.csdn.net/qq_59175937/article/details/126848925