javascript - js获取视频高度问题

问题描述

问 题

我用js使视频垂直居中 top =（屏幕高度-视频高度）/ 2。 视频比例为1:1，我在css中设置 视频宽度 100%。 在获取视频高度和宽度时，高度明显不对，导致不能居中，下面是代码：

function VdoMiddle() {
    var screenH = document.documentElement.clientHeight;
    var videoH = $('#video')[0].offsetHeight;
    var videoW = $('#video')[0].offsetWidth;
    $('#video')[0].style.top =(screenH - videoH) / 2 + 'px';
    console.log('屏幕高：' + screenH);
    console.log('视频高：' + videoH);
    console.log('视频宽：' + videoW);
    console.log('top值：' + $('#video')[0].style.top);
}

视频位置在底部了，求大神指导啊

解决方案

视频要加载后才能获取到实际高度

这篇关于javascript - js获取视频高度问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！