uni-app中的video组件中的duration视频时长属性在安卓手机设备不起作用应该怎么设置呢？

uni-app中的video组件中的duration视频时长属性在安卓手机设备不起作用应该怎么设置呢？

uniapp开发的APP，video组件中设置duration视频时长属性，在安卓手机设备不起作用，在ios设备上管用，应该需要怎么改。

开发环境 版本号 项目创建方式
uniapp 未知 未知
6 回复

刚试了，小米是有的，估计有兼容性，你是什么手机

更多关于uni-app中的video组件中的duration视频时长属性在安卓手机设备不起作用应该怎么设置呢？的实战教程也可以访问 https://www.itying.com/category-93-b0.html


测试设备用的小米10pro和华为mate40PRO还有OPPO手机，设置了一下duration这个配置，没有生效，视频还是之前的时长。这个是源代码 <video v-show=“videoShow” duration=“180” :autoplay=“true” :src=“curriculumData.curr.playUrl” :poster=“curriculumData.curr.thumbnail” controls @play=“video_play” @pause=“video_pause” :title=“curriculumData.curr.title” :vslide-gesture-in-fullscreen=“true”>

苹果设备上面运行了一下，可以将视频时长控制到3分钟

找到原因了，我把自动播放属性功能去掉，视频时长就正常了，谢谢

回复 h***@163.com: 解决了就好(●’◡’●)

针对uni-app中video组件的duration属性在安卓设备失效的问题，这里给出解决方案：

  1. 安卓平台的特殊性： 安卓原生video组件对duration属性的支持确实与iOS不同，这是平台差异导致的

  2. 推荐解决方案：

  • 使用onLoadedMetadata事件获取实际时长：
<video 
  [@loadedmetadata](/user/loadedmetadata)="onVideoLoaded"
  src="your_video.mp4">
</video>

<script>
methods: {
  onVideoLoaded(e) {
    this.videoDuration = e.detail.duration
  }
}
</script>
回到顶部