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

Question

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

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

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

我找到了https://hacks.mozilla.org/2011/01/zooming-and-rotating-for-video-in-html5-and-css3/这篇文章，介绍了如何旋转视频，但没有解决检测问题。

感谢您的帮助！

- Luke

---

我知道可以读取mp4文件的元数据并查找旋转属性，但仍然想知道如何通过Javascript实现。 - Luke

已经过去6年了，但仍然没有答案。今天我卡在这个点上了。 - Arslan Ameer

你找到任何解决方案了吗？我正在开发 Angular 9。 - Arslan Ameer

@ArslanAmeer，看看我的回答。 - nihohit

Answer 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"*/
  }

- Siddesh Ubale