Div Höhe relativ zu einem anderen div auf Fenster Größe ändern

Question

Meine Funktion unten, lädt korrekt beim erstmaligen Laden und legt die div Höhe auf die Höhe des Videos entsprechen. Wenn ich jedoch die Größe des Fensters ändere, verliert das Element #top-content seine Höhe.

jQuery(window).resize(function() { 
    var vidHeight = jQuery('video').height(); 
    jQuery('#top-content').css({ 
     'height': vidHeight + 'px' 
    }); 
    var vidPicHeight = jQuery('.video-element').height(); 
    jQuery('#top-content').css({ 
     'height': vidPicHeight + 'px' 
    }); 
    console.log(vidHeight); 
}).trigger('resize'); 

Ich habe eine Konsolenprotokoll läuft und es wird die Variable vidHeight ändert sich, wenn das Fenster ändert die Größe, ist er gerade nicht den Stil zu aktualisieren.

Answer 1

diese

var vidHeight = jQuery('video').height(); 
    jQuery('#top-content').css('height', vidHeight);