press-ui/common/media/get-video-info.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

import {
  urlToFile,
} from '../utils/file';

export function getVideoInfo({
  src,
  success,
}) {
  urlToFile(src, true).then(file => file)
    .catch(() => ({}))
    .then((file) => {
      const result = file.size ? {
        size: file.size,
        errMsg: 'getVideoInfo:ok',
      } : {
        errMsg: 'getVideoInfo:fail',
      };

      const video = document.createElement('video');

      if (video.onloadedmetadata !== undefined) {
      // 部分浏览器（如微信内置浏览器）未播放无法触发loadedmetadata事件
        const handle = setTimeout(() => {
          video.onloadedmetadata = null;
          video.onerror = null;
          success(result);
        }, src.startsWith('data:') || src.startsWith('blob:') ? 300 : 3000);

        // 尝试获取视频的宽高信息
        video.onloadedmetadata = function () {
          clearTimeout(handle);
          video.onerror = null;
          success(Object.assign(result, {
            size: file.size,
            duration: video.duration || 0,
            width: video.videoWidth || 0,
            height: video.videoHeight || 0,
            errMsg: 'getVideoInfo:ok',
          }));
        };
        video.onerror = function () {
          clearTimeout(handle);
          video.onloadedmetadata = null;
          success(result);
        };
        video.src = src;
      } else {
        success(result);
      }
    });
}