对于 .mov quicktime 视频，html5 视频元素上的 videoWidth 和 videoHeight 属性为 0

编程问答 2022-05-14

问题描述

在 javascript 中，我试图获取已加载 .mov quicktime 视频的 html5 视频元素的 videoWidth 和 videoHeight。

以下是相关代码的摘录：

var video = $('<video></video>');
video.prop('src',reader.result.replace(
    // Trick browsers to render MOV files
    /^data:video\/quicktime;base64,/,'data:video/mp4;base64,'
));

video.one('loadedMetadata loadeddata',function(e) {
//check this.videoWidth and this.videoHeight
...

到目前为止，此代码适用于我们尝试过的所有其他视频，甚至其他从网络下载的 .mov quicktime 示例文件。对于这个特定的视频，我检查了 loadedMetadata 和 loadeddata 事件的 videoWidth 和 videoHeight 属性，并且在这两个事件之后这些属性都是 0。不过，还有一些其他属性可以正确填充，例如 duration。该视频来自客户的 iphone，然后通过空投发送到他的 macbook，然后通过 safari 上传。其他媒体播放器似乎可以正确播放此文件，并且在我的操作系统中检查视频文件的详细信息时显示正确的尺寸。

有关如何使用 javascript 或 jquery 获取此视频的正确视频尺寸的任何帮助，将不胜感激，谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

.movhtmljavascriptquicktimevideovideo