Responsive oEmbeds i WP

Släng in detta i functions.php för att wrappa alla oEmbeds i embed-container. Kompletteras med lite CSS.

// Wrap oEmbeds with an embed-conatiner to make it responsive
function responsive_video_wrapping($html, $url, $attr) {
	$html = '<div class="embed-container">' . $html . '</div>';
	return $html;
}
add_filter( 'embed_oembed_html', 'responsive_video_wrapping', 10, 3);

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