站内导航
新闻
影视
游戏
小说
旅游
购物
体育
uni-app视频默认全屏播放
2021/02/02    标签： uni-app   

在做小程序时，遇到播放视频，希望直接点击视频便全屏播放，uniapp 文档上也有介绍createvideocontext

重要的事情说三遍 this this this，记得createVideoContext第一个参数为video的ID，第二个参数组件实例this
this.videoContext = uni.createVideoContext(id,this);
this.videoContext.requestFullScreen();
<video id="myVideo" :src="videoUrl" @fullscreenchange="fullscreenchange"></video>

退出全屏时，停止播放

fullscreenchange (e){
	if(!e.detail.fullScreen){
		this.videoContext.stop()
	}}

转自uniapp 视频默认全屏 播放

上一篇:
下一篇:

静水缘首页

刘丕水+宋静静=静水刘丕水+宋静静于2007年9月相识于山东理 工大学，毕业后2011年相恋，共甘苦，历 时四年，终于在11月23号拿到了红本本， 组建了自己的小家庭......
快速发布

文章分类

最新文章