Fixa responsivt oembed i WP

WP är gött när du ska publicera en video eller annat gött. Bara att klistra in länken i editorn och vips är det embeddat och klart. Däremot har det vart dåligt med responsiviteten i detta. Så ett sätt att lösa det på är följande:

1. Vi jobbar med embed-CSS från http://embedresponsively.com/

.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%; }

2. Därefter slänger vi in en liten funktion i vår functions.php

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);