uniapp 点击显示全屏视频

官网

html

<video id="popup_video" :src="视频路径" object-fit="fill" :show-center-play-btn="false" :controls="true" @fullscreenchange="fullscreenchange"></video>

js

// 点击显示全屏
this.videoContext = uni.createVideoContext('popup_video', this);
this.videoContext.requestFullScreen();

// 退出全屏的时候暂停视频
fullscreenchange(e) {
	if (!e.detail.fullScreen) {
		this.videoContext.pause()
	}
}