果在微信浏览器中Uni-app 中的 video 组件无法显示视频时长该怎么办
在微信浏览器中,Uni-app 中的 video 组件无法显示视频时长是因为微信浏览器对 video 组件的支持不完善。你可以尝试以下解决方法:
- 使用 video 组件的 onloadedmetadata 事件获取视频的时长,然后手动显示在页面上。
<video src="your_video_source" @loadedmetadata="getDuration"></video>
methods: {
getDuration(event) {
console.log(event.target.duration); // 获取视频时长
// 将视频时长显示在页面上
}
}
- 使用微信浏览器提供的 JS-SDK,通过接口 wx.getVideoInfo 获取视频的时长,然后手动显示在页面上。
wx.getVideoInfo({
src: 'your_video_source',
success: function(res) {
console.log(res.duration); // 获取视频时长
// 将视频时长显示在页面上
}
});
- 将视频时长预先获取并保存在后端,然后在页面中通过接口获取时长并显示。
以上是一些可能的解决方法,具体选择哪种方法取决于你的需求和技术实现
原文地址: https://www.cveoy.top/t/topic/iKqQ 著作权归作者所有。请勿转载和采集!