Javascript 获取视频的当前高度
我不明白是什么在削减视频的高度。当我查看dev工具时,它向我显示视频的高度是384px,但当获取它时,我有342px 尝试过这样的东西,但它能让我恢复自然高度,而不是电流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() 您将看到,
$("#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事件。