官网

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐