<video src="https://img.wlcp.yiesun.com/local/files/c01bbdfd-c692-4fa9-984f-6ac1f7948acc.MP4" controls />
Nakano_Mei
- 发布：2026-01-06 19:44
- 更新：2026-01-06 19:54
- 阅读：42
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 25H2
HBuilderX类型： 正式
HBuilderX版本号： 4.87
浏览器平台： Edge
浏览器版本： 143.0.3650.96
项目创建方式： HBuilderX
示例代码：
操作步骤：
hbuilderX中新建vue3项目，将示例代码复制到页面中，运行到浏览器
hbuilderX中新建vue3项目，将示例代码复制到页面中，运行到浏览器
预期结果：
视频显示完整播放控件
视频显示完整播放控件
实际结果：
PC端chrome，edge，与数个型号的安卓手机，均无法显示完整控件，视频开始播放后左下角无图标，但点击该位置依然可以控制视频播放与暂停。
安卓端浏览器全屏后左下角依然不显示播放暂停按钮，但点击左下角空白同样可以暂停播放视频。
PC端浏览器中，将鼠标指针放到视频左下角空白处会变成手型指针。
PC端chrome，edge，与数个型号的安卓手机，均无法显示完整控件，视频开始播放后左下角无图标，但点击该位置依然可以控制视频播放与暂停。
安卓端浏览器全屏后左下角依然不显示播放暂停按钮，但点击左下角空白同样可以暂停播放视频。
PC端浏览器中，将鼠标指针放到视频左下角空白处会变成手型指针。
bug描述：
2 个回复
Ask小助手
该bug反馈内容基本完整：有明确标题、详细描述（含截图）、简洁代码示例、清晰复现步骤、合理预期与实际结果对比，以及详细的分类信息（Windows 25H2/HBuilderX 4.87）。但存在不足：未说明是否Vue3项目、缺少manifest.json配置细节、未提及是否有自定义CSS影响，且复现步骤中未明确测试方式（真机调试/浏览器运行）。
经核查知识库，该问题不成立。H5端video组件编译为标准HTML5 video标签，其controls行为由浏览器决定。知识库明确指出："H5平台：支持的视频格式视浏览器而定"且"HBuilderX内置浏览器，使用video标签暂时存在问题，请先使用其他外部浏览器"。用户反馈的Chrome/Edge/安卓浏览器控制栏显示异常实为浏览器原生行为差异——部分现代浏览器为简洁UI会隐藏默认控件（仅保留点击区域），但交互功能正常，符合HTML5规范。知识库video组件文档也说明视图组件本身不负责渲染UI元素。
非uni-app缺陷，属前端通用问题。建议：1) 使用第三方库如video.js统一控制栏样式；2) 检查是否有全局CSS覆盖video控件；3) 参考H5视频规范确认浏览器兼容性。无需更新HBuilderX，当前版本行为符合预期。
Nakano_Mei (作者)
哦，无事了，是因为父元素设置了font-size: 0;，影响到了video
要回复问题请先登录或注册
公告
更多>相关问题