Vídeos incrustados de WordPress Responsives

Vídeos incrustados de WordPress 

Aplicar un max-width: 100% (generalmente con esto sirve para que algo se adapte a todo tipo de dispositivos), el alto del incrustado hacía algo extraño; en unos vídeos era demasiado alto y en otros demasiado estrechos.

Busqué varias soluciones: 

Al final, la solución es algo más rebuscada, hay que añadir un filtro como este:
/* Adds a wrapper for video embeds */
add_filter('embed_oembed_html', 'my_embed_oembed_html', 99, 4);
function my_embed_oembed_html($html, $url, $attr, $post_id) {
return '<div class="video-container">' . $html . '</div>';
}

Vamos con el css
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Comentarios

Puedes leer más :

Usar WordPress como CMS sin plataforma de blogs

Cómo mover su sitio de WordPress y no romper los enlaces