El uso de la propiedad width
Si el width
la propiedad se establece en 100%, el reproductor de vídeo se muestra receptiva y escalar hacia arriba y abajo:
Observe que en el ejemplo anterior, el reproductor de vídeo se puede escalar hasta ser más grande que su tamaño original. Una solución mejor, en muchos casos, será utilizar el max-width
la propiedad en su lugar.
Usando la propiedad de ancho máximo
Si el max-width
propiedad se establece en 100%, el reproductor de vídeo se escala hacia abajo si tiene que hacerlo, pero nunca escalar hasta ser más grande que su tamaño original:
Añadir un vídeo a la página Web Ejemplo
Queremos añadir un video en nuestra página web de ejemplo. El vídeo se redimensiona para tener siempre todo el espacio disponible: