播放视频的video组件,点击播放,全屏后,在IOS系统15.7.3上真机测试,返回后,APP没有返回竖屏显示。在IOS16+上,video组件,不显示操作按钮,并且点视频,会弹出拨打电话提示。APP也无法返回竖屏。
<view v-if="item.msg.type == 'video'" class="video-view" @longpress.stop="handleMsg_chat(item)" @tap="videoClickHandle(item)"></view>
<!-- 视频播放video 由于video组件会覆盖别的元素,只显示一个视频图片,点击图片,全屏显示视频播放-->
<video :src="onVideoSrc"
v-show="false"
controls
autoplay
object-fit="fill"
@fullscreenchange="screenChange"
@pause="videoPause"
style="width: 100vw; height: 100vh; " id="video_play" ></video>
videoClickHandle(e){
let _this = this;
// 获取 video 上下文 videoContext 对象
_this.videoContext = uni.createVideoContext('video_play',_this)
// 获取视频地址
if(e.msg.data.indexOf('em-redirect=true') !== -1){
_this.onVideoSrc = e.msg.data
}else{
_this.onVideoSrc = e.msg.data+'?em-redirect=true&origin-file=true'
}
//console.log(e.msg.data+'?em-redirect=true&origin-file=true')
// 进入全屏状态
_this.videoContext.requestFullScreen();
//_this.videoPlay = true
_this.videoContext.play();
},
//当视频进入和退出全屏时触发
screenChange(e){
let _this = this
let fullScreen = e.detail.fullScreen;
if (!fullScreen) {
_this.videoContext.pause();
//_this.videoPlay = false
}
}
1 个回复
3***@qq.com
同缩小还有返回 回不到竖屏 样式是乱的 之前还是好的 就是更新出的bug