將視頻嵌入響應(yīng)式網(wǎng)站時(shí)，您可以使iframes具有適合您的內(nèi)容的百分比寬度，但問(wèn)題是高度永遠(yuǎn)不會(huì)改變。這個(gè)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');