js获取视频高度问题

Question

我用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);

}

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

Answer 1

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