將視頻嵌入響應(yīng)式網(wǎng)站時，您可以使iframes具有適合您的內(nèi)容的百分比寬度，但問題是高度永遠不會改變。這個jQuery代碼將確保您的視頻始終保持指定的寬高比。

$(window).on('resize', function() {

    $('iframe').each(function() {
                
        var $this = $(this);
                
        if ($this.data('video-aspect-ratio')) {
                    
            var dimensions     = $this.data('video-aspect-ratio');
            dimensions         = dimensions.split(':');
                    
            var newHeight     = ($this.width() / dimensions[0]) * dimensions[1];
            newHeight         = parseInt(newHeight);
                    
            $this.css('height', newHeight + 'px');
                    
        }
                
    });

}).trigger('resize');