uniapp video label, click to enter full screen playback, exit full screen, stop playback, pause playback

<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()
	}
}

Guess you like

Origin blog.csdn.net/qq_59175937/article/details/126848925