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

Question

在 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 示例文件。对于这个特定的视频，我检查了两个事件的 videoWidth 和 videoHeight 属性loadedmetadata，loadeddata并且在两个事件之后这些属性均为 0。还有一些其他属性可以正确填充，例如duration尽管。该视频来自客户的 iPhone，然后通过空投发送到他的 MacBook，然后通过 Safari 上传。其他媒体播放器似乎可以正确播放此文件，并且在我的操作系统中检查视频文件的详细信息时显示正确的尺寸。

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