如何通过Javascript检测mp4视频方向答案

【问题标题】：How to detect mp4 video orientation through Javascript如何通过Javascript检测mp4视频方向
【发布时间】：2014-02-12 14:13:59
【问题描述】：

我正在使用 HTML5 视频标签链接到 Amazon S3 上的各种 mp4 视频以进行播放。但是，所有视频都是横向播放的，尽管有些视频是纵向录制的（来自 iOS 设备）。

当我下载实际视频并使用 QuickTime 播放它们时，它们会以正确的方向播放。

我的问题是有没有办法使用 Javascript 检测 mp4 视频方向并以正确的方向播放？我也在使用 AngularJS，但我找不到任何与此相关的指令。

我找到了

https://hacks.mozilla.org/2011/01/zooming-and-rotating-for-video-in-html5-and-css3/

其中解释了如何旋转视频，但不是在检测时。

感谢您的帮助！

【问题讨论】：

我知道可以读取 mp4 文件的元数据并找出旋转属性，但仍然想知道如何通过 Javacript 做到这一点。
已经6年了，仍然没有答案。今天我被困在这一点上。
您找到解决方案了吗？我正在开发 Angular 9。
@ArslanAmeer，看看我的回答

标签： javascript angularjs html5-video mp4 image-rotation

【解决方案1】：

这是一种简单的方法，但对我有用：-

  var video = document.getElementById('ID_OF_YOUR_VIDEO_ELEMENT');

  video.videoHeight; // returns the intrinsic height of the video
  video.videoWidth; // returns the intrinsic width of the video
  if(video.videoHeight < video.videoWidth)
  {
    video_landscape = "true";
  }
  else
  {
    video_landscape = "false";
           /*OR*/
    /*video_portrait = "true"*/
  }

【讨论】：