Necesito ayuda para hacer que un iframe responda, manteniendo la altura intacta, pero cortando el ancho hasta el centro de un video al cambiar el ancho de la pantalla, en lugar de mantener el video de ancho completo.
<style> .container { position: relative; overflow: hidden; width: 100%; padding-top: 45.98%; } .responsive-iframe { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } </style>En este momento tengo este código de estilo, donde si cambio el tamaño de la ventana del navegador, cambia el tamaño de la altura de todo el video. Pero necesito mantener la altura y cortar el ancho del video.
En la foto de abajo, muestro un ejemplo de cómo me gustaría. Misma altura, pero cortando el ancho del video de manera receptiva.
