j***@163.com
- 发布：2026-10-27 17:39
- 更新：2026-10-27 17:39
- 阅读：80
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10 专业
HBuilderX类型： Alpha
HBuilderX版本号： 5.26
手机系统： iOS
手机系统版本号： iOS 26
手机厂商： 苹果
手机机型： iphone 17 iOS 27.2
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
直接在空白uniapp 项目中 pages/index/index.vue 中添加
<view class="video-play">
<video id="myVideo"
ref="myVideo"
src="https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8"
class="video"
play-strategy="2"
object-fit="contain"
enable-danmu
enable-progress-gesture="true"
show-progress="true"
controls
></video>
</view>
enable-danmu enable-progress-gesture="true" show-progress="true" controls
></video>
</view>
操作步骤：
项目运行后，点击视频右下角全屏按钮，观察结果，反复尝试
项目运行后，点击视频右下角全屏按钮，观察结果，反复尝试
预期结果：
正常全屏
正常全屏
实际结果：
有一定概率，视频组件在左上角显示，需要再次点击视频组件 或者等待5-10s 才全屏
有一定概率，视频组件在左上角显示，需要再次点击视频组件 或者等待5-10s 才全屏
bug描述：
video 标签 全屏功能，点击后视频组件在页面右上角，其余地方显示页面。再点击一下视频组件后才正常全屏。或者是点击全屏后需要等一会儿才能显示为正常的全屏；
后测试非必现，但是还是概率比较大；
