Responsive Web Design - Vídeo (Video)

Utilice el atributo de ancho

Si el atributo de ancho se ajusta al 100%, el reproductor de vídeo se ajustará automáticamente en proporción al tamaño de la pantalla:

Tenga en cuenta que en el ejemplo anterior, el reproductor de vídeo se ajusta automáticamente en proporción al tamaño de la pantalla y puede ser más grande que el tamaño original. Más a menudo que podemos utilizar la propiedad de ancho máximo en su lugar.

El uso de ancho máximo de propiedad

Si la propiedad max-anchura se establece en 100%, el reproductor de vídeo se ajustará automáticamente en proporción a la pantalla, pero no más que su tamaño original:

Adición Página de vídeo

Podemos añadir un vídeo en una página web. Los siguientes ejemplos y de vídeo se ajusta automáticamente en función de la región ocupa toda la zona de tamaño div div: