Debe envolver su iframe en un div y agregarle algo de estilo. Su html sería simple así:
<div class="videowrapper">
<iframe ...>
</div>
También necesita un poco de css para que el envoltorio responda y el video llene ese envoltorio:
.videowrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
echa un vistazo a este violín para verlo en acción. El ancho del contenedor decide el ancho del video y se escalará (en formato 16: 9, ajuste el relleno superior para otro formato)
Es posible que desee agregar la clase videowrapper al
etiqueta en el div de texto de fusión en su ejemplo, pero podría solicitar algunos márgenes de relleno creativos…
.