获取当前视频的高度

时间:2014-07-16 21:42:05

标签: javascript jquery html css html5-video

我无法理解是什么在削减视频的高度。当我查看开发工具时 - 它向我显示视频的高度为384px,但是在设置时我有342px

尝试过这样的事情,但它让我恢复了自然的高度,而不是当前的

$("#right-top-box video").bind("loadedmetadata", function () {
  var height = this.videoHeight;
});

如何获取当前视频的高度?

http://beardhouse.com.ua/#/informacia

2 个答案:

答案 0 :(得分:2)

尝试直接在Chrome js控制台中运行:$('video').innerHeight();

您将看到使用innerHeight可以正确计算视频的高度。

enter image description here

修改

尝试将功能包装在

$(window).load(function(){

});

等待所有媒体加载。

答案 1 :(得分:0)

试试这段代码

var videoActualWidth = video.getBoundingClientRect().width;
var videoActualHeight = video.getBoundingClientRect().height;