uni-app video组件poster属性可进一步优化的几个问题
uni-app video组件poster属性可进一步优化的几个问题
示例代码:
video场景所有
操作步骤:
配置`object-fit` 为`fill`或者`cover`后`poster` 比例和视频第一帧不一致,
IOS端 `poster`到视频第一帧中间黑屏过度太长
预期结果:
`poster`属性展示比例跟随object-fit属性值展示,
实际结果:
`poster`图展示比例始终固定跟随 `object-fit=contain`的比例,
`object-fit=fill` 或者 `object-fit=cover`后过度到第一帧比例有明显差异
bug描述:
首先声明一下 这里的 poster图片尺寸完全和视频的第一帧100%一致。
1.视频封面 poster属性的显示比例问题
按理来说这个poster 属性的比例应该跟随 objectfit属性 显示,不然的话会出现 视频封面 和 第一帧比例不一致、过度不平滑问题,下面我特别适用了图片来一 一展示 objectfit 配置后和 poster 带来的影响
属性 object-fit="cover"和objectfit:‘fill’
object-fit="cover"和objectfit:'fill’展示效果 差不多,这里重点讲的是poster画面和视频画面比例。
2.视频封面 poster展示到视频播放的过度问题,
目前的效果是先显示 poster 图片,然后到视频播放时 要经过500毫秒左右的黑屏才显示第一帧画面。这个问题IOS端最明显。安卓端还好。
如果加载 poster 存在网络延迟的话 那就情况是这样的: 黑屏(500毫秒)=>显示 poster=》再黑屏(500毫秒)=>第一帧画面,播放一个视频前要闪屏好几次。
对于网页端的H5播放器来说稍微逊色那么一丢丢,这里当然不是单纯的吐槽原生播放器,而是指出一些可以进一步优化的问题。
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | Windows 64位家庭版 | HBuilderX |
| 手机系统 | 手机系统版本号 | 手机厂商 |
| Android | Android 10 | 小米 |
| HBuilderX | 3.1.19 | - |
更多关于uni-app video组件poster属性可进一步优化的几个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
更多关于uni-app video组件poster属性可进一步优化的几个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这问题为何官方都不回复的,我也提了相关问题,都没人鸟。

