涛tao

发布：2024-06-21 14:32
更新：2024-12-30 11:25
阅读：420

【报Bug】Video组件不显示 controls，只会在ios端会出现

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： macOS Sonoma 版本14.5

HBuilderX类型：正式

HBuilderX版本号： 4.15

手机系统：全部

手机系统版本号： iOS 15

手机厂商：苹果

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

iPhone 6s Plus 版本15.7.6 iPhone 12 版本16

示例代码：

<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />

操作步骤：

<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />

预期结果：

再所有ios机型上正常显示

实际结果：

未显示

bug描述：

video放在 uni-popup 中展示，controls 默认播放控件会在个别的ios机型上显示不出来.

看到站内你们有说修复过这类问题。但是还是会出现！

2024-06-21 14:32 负责人:无分享

3 个回复

苍山暮色烟雨迟

怎么解决的？我22年遇到了这个问题没解决，今年又遇到了。

卡机

需要将video标签的高度设置成整数

2024-12-27 16:00

卡机

楼主解决了吗？我在iOS真机上也遇到不显示controls，设置:controls="true"也没用

卡机

解决了，是因为动态计算video标签高度时出现了浮点数。需要将video标签高度设置成整数，就能显示controls了

2024-12-27 15:58

苍山暮色烟雨迟

解决方案，设置高度使用px不要用rpx就解决了。

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

【报Bug】Video组件不显示 controls，只会在ios端会出现

测试过的手机：

示例代码：

`<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />`

操作步骤：

`<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />`

预期结果：

再所有ios机型上正常显示

实际结果：

未显示

bug描述：

3 个回复

公告

相关问题

【报Bug】Video组件不显示 controls，只会在ios端会出现

测试过的手机：

示例代码： <video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />

操作步骤： <video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />

预期结果： 再所有ios机型上正常显示

实际结果： 未显示

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />`

操作步骤：

`<video id="popupVideo" style="width:640rpx;height:360rpx;" :src="sysVideo.videoUrl" :title="sysVideo.title" @play="play" @pause="pause" @ended="ended" @fullscreenchange="fullscreenchange" />`

预期结果：

再所有ios机型上正常显示

实际结果：

未显示