javascript 响应式YouTube嵌入

Posted 2021-05-03

/* iFrame Responsive Styling */
div.templatecontent .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
div.templatecontent .embed-container iframe,
div.templatecontent .embed-container object,
div.templatecontent .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

// Wrapping videos
$('div.templatecontent iframe').each(function() {
	$(this).wrap('<div class="embed-container"></div>');
});