注册登录

3***@qq.com

3***@qq.com

发布：2023-07-14 18:31
更新：2025-01-21 14:05
阅读：302

【报Bug】 h5 video 无法退出全屏

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window11

浏览器平台： Chrome

浏览器版本： 114

项目创建方式： CLI

CLI版本号： vite

示例代码：

html内容：

<p><br></p>  
<div data-w-e-type="video" data-w-e-is-void>  
  <video poster="https://haowu-mp-oss-test.lkhaowu.cn/halvie-eaf-fe-resource/resource/26/image/1689064748100-51628.jpg" controls="true" width="auto" height="auto"><source src="https://image-upyun.halvie.com/resource/26/video/1677747185715-62277.mp4" type="video/mp4"/></video>  
</div>  
<p><br></p>

操作步骤：

播放视频点击全屏按钮，无法退出全屏

预期结果：

全屏后可以退出全屏

实际结果：

无法退出全屏

bug描述：

使用mp-html组件渲染富文本，视频全屏后无法退出全屏

2023-07-14 18:31 负责人:无分享

4 个回复

喜欢技术的前端 - QQ---445849201

刚试了，没有复现问题，传了视频和代码附件

7***@qq.com

在node.vue文件中，把下面框内的代码删掉，里面的方法写到methods内

张汛杰

张汛杰 - 前华为高级工程师，自主创业中

遇到了这个问题，有人解决了吗

张汛杰

张汛杰 - 前华为高级工程师，自主创业中

解决了，问题原因出在mp-html的node.vue文件，这么修改的：

要回复问题请先登录或注册