在微信浏览器中,Uni-app 中的 video 组件无法显示视频时长是因为微信浏览器对 video 组件的支持不完善。你可以尝试以下解决方法:

  1. 使用 video 组件的 onloadedmetadata 事件获取视频的时长,然后手动显示在页面上。
<video src="your_video_source" @loadedmetadata="getDuration"></video>
methods: {
  getDuration(event) {
    console.log(event.target.duration); // 获取视频时长
    // 将视频时长显示在页面上
  }
}
  1. 使用微信浏览器提供的 JS-SDK,通过接口 wx.getVideoInfo 获取视频的时长,然后手动显示在页面上。
wx.getVideoInfo({
  src: 'your_video_source',
  success: function(res) {
    console.log(res.duration); // 获取视频时长
    // 将视频时长显示在页面上
  }
});
  1. 将视频时长预先获取并保存在后端,然后在页面中通过接口获取时长并显示。

以上是一些可能的解决方法,具体选择哪种方法取决于你的需求和技术实现

果在微信浏览器中Uni-app 中的 video 组件无法显示视频时长该怎么办

原文地址: https://www.cveoy.top/t/topic/iKqQ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录