Atributo width de <video> en HTML

Etiqueta <video> HTML

Definición y uso

width La propiedad especifica el ancho del reproductor de video en píxeles.

Consejo:Siempre especifique simultáneamente las propiedades height y width propiedades. Si se establecen estas propiedades, se reservará el espacio necesario para el video al cargar la página. Sin embargo, si no se establecen estas propiedades, el navegador no sabrá el tamaño del video y no podrá reservar un espacio adecuado para él. El efecto es que el diseño de la página cambiará durante el proceso de carga (cuando se carga el video).

Atención:No utilice height y width ¡Ajuste de propiedades para cambiar el tamaño del video! Al usar estas propiedades para reducir videos grandes, se obligará a los usuarios a descargar el video original (incluso si en la página parece pequeño). El método correcto es usar un programa para redimensionar el video antes de usarlo en una página web.

Ejemplo

Se ha configurado el reproductor de video con altura y ancho especificados:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Su navegador no admite la etiqueta de video.
</video>

Intente usted mismo

Sintaxis

<video width="píxeles">

Valor del atributo

Valor Descripción
píxeles Ancho del video, en píxeles (por ejemplo, width="100").

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

Etiqueta <video> HTML