uni-app video无法指定初始播放位置

uni-app video无法指定初始播放位置

开发环境	版本号	项目创建方式
Windows	win11	HBuilderX

产品分类

uniapp/小程序/微信

PC开发环境操作系统

Windows

HBuilderX类型

正式

HBuilderX版本号

4.56

第三方开发者工具版本号

1.06.2412050

基础库版本号

3.7.11

示例代码

<view>  
<video src="http://localhost:8000/storage/default/20250401/v20250326DKPOCK1f89a8f362974ef7931834d46fa59ee6e8e04d6c.mp4" initial-time="100"></video>  
</view>

操作步骤

<view>  
<video src="http://localhost:8000/storage/default/20250401/v20250326DKPOCK1f89a8f362974ef7931834d46fa59ee6e8e04d6c.mp4" initial-time="100"></video>  
</view>

预期结果

指定到视频的100秒

实际结果

没有指定到视频的100秒而是从视频初始位置播放

bug描述

video使用参数 initial-time 指定视频初始播放位置无效。
非项目目录下的视频没有办法指定到初始播放位置

更多关于uni-app video无法指定初始播放位置的实战教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 1楼作者

我这边测试是正常的

更多关于uni-app video无法指定初始播放位置的实战教程也可以访问 https://www.itying.com/category-93-b0.html

首先感谢回复，根据你这个代码进行测试后是可以正常跳转。但是因为我是跟后端交互的。把这个视频存到后端后访问就会出现无法跳转的问题。如 ```

我把视频改为本地访问也不会出现这个问题

h691938207 4楼

在uni-app中使用video组件的initial-time属性时，确实可能会遇到初始播放位置不生效的问题。这个问题主要与平台实现差异有关：

对于H5平台，initial-time属性是支持的，但在某些情况下需要等待视频元数据加载完成才能正确定位。建议在@loadedmetadata事件触发后再设置时间：

<video ref="videoPlayer" [@loadedmetadata](/user/loadedmetadata)="handleLoadedMetadata" 
       :src="videoSrc"></video>

methods: {
  handleLoadedMetadata() {
    this.$refs.videoPlayer.seek(100); // 手动跳转到100秒
  }
}

回到顶部