如何在html5中检测垂直视频?

时间:2016-08-30 08:28:40

标签: javascript html css html5 video

我正在为上传照片和视频制作一个非常简单的网络服务。我想在网页上显示缩略图并上传所选文件的进度。我创建了描述here的缩略图。对于照片来说,它很棒,但不适用于视频。 当用户上传视频时,我可以访问videoHeightvideoWidth属性,基本上我只需要创建缩略图。但是这些值并不总是代表垂直视频的真实高度和宽度。这是一个例子(垂直视频 - 高度值必须更大):

  • 上传到Chrome的垂直视频:

    videoHeight: 720
    videoWidth: 1280 
    
  • 上传到边缘浏览器的相同垂直视频:

    videoHeight: 1280
    videoWidth: 720 
    

您会看到,在第一种情况下尺寸不正确,导致预览中缩小和拉伸视频的原因。

某些视频可能具有Rotation这样的属性,我认为该边缘以某种方式理解它,但不是铬。我的问题是:是否可以检测视频在浏览器中是否具有垂直(纵向)或水平(横向)方向,而不是边缘?

0 个答案:

没有答案