javascript - 如何通过 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/

解释了如何旋转视频，但没有检测到。

感谢您的帮助!

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