Javascript 如何在html5中检测垂直视频？

我正在为上传照片和视频制作一个非常简单的web服务。我想在网页上显示所选文件的缩略图和上载进度。我像上面描述的那样创建缩略图。对于照片来说效果很好，但对于视频来说就不行了。 当用户上传视频时，我可以访问

videoHeight

和

videoWidth

属性，基本上这就是创建缩略图所需的全部内容。但这些值并不总是代表垂直视频的真实高度和宽度。以下是一个示例（垂直视频-高度值必须更大）：

• 上传至chrome的垂直视频：

  videoHeight: 720
  videoWidth: 1280 
  

• 上传到边缘浏览器的相同垂直视频：

  videoHeight: 1280
  videoWidth: 720 
  

您可以看到，在第一种情况下，尺寸不正确，这导致预览中的视频收缩和拉伸

---

有些视频可能具有类似旋转的属性，我认为edge能够理解，但chrome却不能。我的问题是：除了edge之外，是否有可能在浏览器中检测视频是否具有垂直（纵向）或水平（横向）方向？

对我来说，这看起来像是chrome中的一个缺陷，它不考虑视频的大小，在我的公司，它甚至以错误的格式显示视频（拉伸纵横比，使高度与宽度相适应……）。我的FF刚刚好，输出正确的

videoWidth

和

videoHeight

值。我的旅行也不错。因此，如果这一点得到证实，一个解决方案将是打开一个bug报告（如果还没有，实际上已经有很多类似的报告，但现在还没有找到完美的匹配）@kaido，是的，我尝试过使用firefox，但它会旋转垂直视频以使其水平，我不知道如何检测此操作以将其旋转回来。在mac上的FF上，它与我的示例视频配合得很好……对我来说，这就像chrome中的一个bug，它不尊重视频的大小，在我的电脑上，它甚至以错误的格式显示（拉伸纵横比，使高度与宽度匹配…）。我的FF很好，输出正确的

videoWidth

和

videoHeight

值。我的Safari也可以。因此，如果这一点得到确认，解决方案是打开错误报告（如果还没有，实际上已经有很多类似的，但现在还找不到完美的匹配）@Kaido，是的，我试过使用firefox，但它会旋转垂直视频使其水平，我不知道如何检测此操作使其旋转回来。在mac上的FF上，它与我的示例视频配合得很好。。。