Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取视频的当前高度_Javascript_Jquery_Html_Css_Html5 Video - Fatal编程技术网

Javascript 获取视频的当前高度

Javascript 获取视频的当前高度,javascript,jquery,html,css,html5-video,Javascript,Jquery,Html,Css,Html5 Video,我不明白是什么在削减视频的高度。当我查看dev工具时,它向我显示视频的高度是384px,但当获取它时,我有342px 尝试过这样的东西,但它能让我恢复自然高度,而不是电流 $("#right-top-box video").bind("loadedmetadata", function () { var height = this.videoHeight; }); 如何获取视频的当前高度 尝试直接在Chrome js控制台中运行:$('video').innerHeight() 您将看到,

我不明白是什么在削减视频的高度。当我查看dev工具时,它向我显示视频的高度是384px,但当获取它时,我有342px

尝试过这样的东西,但它能让我恢复自然高度,而不是电流

$("#right-top-box video").bind("loadedmetadata", function () {
  var height = this.videoHeight;
});
如何获取视频的当前高度


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

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

编辑

尝试将函数包装在内部

$(窗口).load(函数(){

}))

以等待加载所有媒体。

请尝试此代码

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

不幸的是,它没有工作,高度仍然是342当我打开该网站时,我得到了一个警报“461”,但正如你从屏幕截图中看到的。是的,你是对的-在控制台中,它给了我我需要的,但在编辑器中使用innerHeight我有342我可以看到你的一些代码吗?您可以发布一个JSFIDLE吗?我怀疑您是在加载所有媒体之前执行该函数的。尝试将该函数包装在$(window.load(function(){})中;此方法不输出任何值您使用的方法看起来很好,我希望您在加载视频之前添加它,因为它是loadedmetadata事件。