js获取本地上传视频的宽高

weixin_42322441

已于 2022-03-01 14:53:31 修改

阅读量1.2k

点赞数

分类专栏： js 文章标签：音视频 javascript 前端

于 2022-03-01 14:29:33 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42322441/article/details/123204893

版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用JavaScript动态创建并显示视频内容，通过`File`对象实现文件预览，并在视频加载元数据后获取其尺寸信息。适合前端开发者了解视频处理和基础多媒体操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    ![file示例](https://img-blog.csdnimg.cn/8b0e9c6c6b4e497c97f7691ff5d2df99.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQyMzIyNDQx,size_12,color_FFFFFF,t_70,g_se,x_16#pic_center)




      var videoUrl = URL.createObjectURL(file);
      var videoObj = document.createElement("video");
      videoObj.src = videoUrl;
      videoObj.onloadedmetadata = () => {
        console.log('视频')
        URL.revokeObjectURL(videoUrl);
        console.log(videoObj.videoWidth, videoObj.videoHeight);
      };

参考来源