// 获取视频信息
getVideoPlayerInfo(file) {
return new Promise(resolve => {
const videoElement = document.createElement('video');
videoElement.src = URL.createObjectURL(file);
videoElement.addEventListener('loadedmetadata', function () {
resolve({
duration: videoElement.duration,
width: videoElement.videoWidth,
height: videoElement.videoHeight
});
});
});
},
遇到一个特例问题,一般的都能监听到拿到视频文件信息获取视频时长,就测试突然提的说新建有问题,初次排查是视频时长没获取到,还以为哪里没不对一直没有走进
loadedmetadata函数里;
最终发现是视频文件本身的问题,视频本身用播放器就播放不了,视频信息有问题导致的无法触发监听;
一般大家可以核查下视频格式,因为此方法是通过H5的vedio标签来创建获取的,需要本身支持的类型才会正常触发函数调用;