uni-app 3.1.12 使用video组件的getVideoInfo方法无反应
uni-app 3.1.12 使用video组件的getVideoInfo方法无反应
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | window10 | HBuilderX |
示例代码:
uni.getVideoInfo({
src: url,
success: function (res) {
console.log(res.width);
console.log(res.height);
console.log(url);
}
});
操作步骤:
uni.getVideoInfo({
src: url,
success: function (res) {
console.log(res.width);
console.log(res.height);
console.log(url);
}
});
预期结果:
uni.getVideoInfo({
src: url,
success: function (res) {
console.log(res.width);
console.log(res.height);
console.log(url);
}
});
实际结果:
uni.getVideoInfo({
src: url,
success: function (res) {
console.log(res.width);
console.log(res.height);
console.log(url);
}
});
bug描述:
uni.getVideoInfo({
src: url,
success: function (res) {
console.log(res.width);
console.log(res.height);
console.log(url);
}
});
更多关于uni-app 3.1.12 使用video组件的getVideoInfo方法无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html
我的也是,app回调都不执行
更多关于uni-app 3.1.12 使用video组件的getVideoInfo方法无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3.1.17.20210608也不行
url 参数怎么写的
我的url,用的是网络视频地址,安卓上也是不行,ios正常,麻烦尽快修复吧, url:http://cdnoss.banlamwe.com/up/20190607/41a39b5b7bc8a910965e3e15a48475a868e8937ef58b3425b5c19e55ffe01f91.mp4
回复 1***@qq.com: 同样问题,关注一下
1 url 参数,只支持本地地址。https://www.html5plus.org/doc/zh_cn/io.html#plus.io.getVideoInfo
这个稍后在Uni的文档上也会注明。
2 android getVideoInfo 无反应,bug已确认,稍后版本会修复
到底支不支持本地?
这个一看就是拿本地视频的数据,应该是只支持本地,不支持网络的,网络的需要下载好在获取
回复 DCMarvel: 只支持。 已修正
回复 DCloud_Android_DQQ: 安卓端什么时候会修复?
从你提供的信息来看,uni.getVideoInfo方法调用后没有触发success回调,这通常与以下几个因素有关:
-
视频URL格式问题
确保url是完整的视频地址(支持http/https开头的网络地址或本地文件路径)。如果使用本地文件,需要确认路径正确且文件存在。 -
跨域限制(仅H5端)
在浏览器环境中,若视频资源所在服务器未配置CORS策略,会导致获取信息失败。可通过浏览器开发者工具查看Network面板是否有跨域错误。 -
平台兼容性差异
getVideoInfo在不同端支持度不同:- 微信小程序:基础库2.11.0+支持
- App端:需确保视频格式为平台原生支持的格式(如MP4)
- H5端:依赖浏览器对Video Metadata API的支持
-
异步执行时机问题
检查代码是否在页面onLoad后执行,避免在组件未初始化时调用。可尝试用setTimeout包裹代码测试:setTimeout(() => { uni.getVideoInfo({ src: url, success: (res) => console.log(res) }) }, 500) -
权限配置(App端)
安卓平台需要在manifest.json中配置网络权限:"android": { "permissions": ["<uses-permission android:name=\"android.permission.INTERNET\"/>"] }

