- 发布：2024-06-21 14:10
- 更新：2024-06-21 15:33
- 阅读：88
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macOS Sonoma 版本14.5
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： 全部
手机机型： iPhone 6s Plus
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />
// 当视频进入和退出全屏时触发
fullscreenchange(e) {
if (!e.detail.fullScreen) {
// 退出全屏，锁定竖屏
plus.screen.lockOrientation('portrait-primary')
}
}
<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />
// 当视频进入和退出全屏时触发
fullscreenchange(e) {
if (!e.detail.fullScreen) {
// 退出全屏，锁定竖屏
plus.screen.lockOrientation('portrait-primary')
}
}操作步骤：
全屏后，点击控件上的返回按钮
全屏后，点击控件上的返回按钮
预期结果：
视频组件正常播放显示，不会消息掉
视频组件正常播放显示，不会消息掉
实际结果：
视频组件消失了。声音还在播放
视频组件消失了。声音还在播放
bug描述：
我是用vue页面。使用subNvue页面弹窗显示，subNvue中包含video组件。
当我点击全屏后，再退出全屏时，页面上的video组件会消失掉。
但是视频的声音还会再播放。
1 个回复
涛tao (作者)
又测试了下，发现video组件外面要套一层view退出全屏后才能正常显示