html - 縦横比の検出 - HTML5 ビデオ

Question

HTML5 ビデオ要素の縦横比を検出することは可能ですか?

ビデオが要素のサイズに収まるように縮小されることはわかっています<video>が、ソース ビデオのアスペクト比を検出したいと考えています。

そうすれば、黒いバーを削除できます。

申し訳ありませんが、これは他のどこにも答えられていません。

Answer 1

別の StackOverflow 回答からの貼り付け: https://stackoverflow.com/a/4129189/1353189

<video id="foo" src="foo.mp4"></video>

var vid = document.getElementById("foo");
vid.videoHeight; // returns the intrinsic height of the video
vid.videoWidth; // returns the intrinsic width of the video

ソース (HTML5 仕様): http://www.w3.org/TR/html5/video.html#video

次に、幅を高さで割ることで縦横比を計算できます。