<video
id="realPlayVideo"
:autoplay="true"
:loop="true"
:src="realPlayURL"
:http-cache="false"
:initial-time="120"
:show-progress="false"
:title="deviceName"
@play="startHandle"
@pause="stopHandle"
@error="videoErrorCallback"
@fullscreenchange="enterFullScreenOrNot"
></video> 
m***@163.com
- 发布：2022-05-18 20:56
- 更新：2023-11-16 15:49
- 阅读：720
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.4
HBuilderX类型： 正式
HBuilderX版本号： 3.3.10
手机系统： iOS
手机系统版本号： iOS 14
手机厂商： 苹果
手机机型： iPhone 8
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
- 将initial-time设置为120。2.播放一个RTSP视频流。3.在iOS中进行实验，发现无法播放。
- 将initial-time设置为120。2.播放一个RTSP视频流。3.在iOS中进行实验，发现无法播放。
预期结果：
播放当前最新的直播画面。
播放当前最新的直播画面。
实际结果：
Android可以播放，但是 iOS无法播放。
Android可以播放，但是 iOS无法播放。
bug描述：
在项目中我们使用了 video 标签进行播放 rtsp 媒体流的监控直播画面，iOS 和 Android都能正常播放，但是由于加载视频流时需要较长的时间，例如加载视频A,经历了5秒，则开始播放的画面为5秒前的画面，加载时长为10秒，则开始播放时的画面为10秒前的画面，这样存在较大的延迟。我们将 initial-time 设置为 120，在安卓中，如果视频加载时间为5秒，而我们将起始播放时间设为了120秒，但是120秒处没有资源，则视频被强制拉回最新的播放页面，从而解决了加载时常导致的延迟问题，但是在iOS进行实验时，发现该属性设为0之外的后任何数值，视频都无法正常加载，且无法播放。（或者还有其他方案可以解决这个延迟问题吗？）
1 个回复
1***@qq.com
这个问题解决了没啊？