Atributo de ancho HTML <video>

❮ Etiqueta HTML <video>

Ejemplo

Un reproductor de video con un ancho y alto especificados:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Definición y uso

El widthatributo especifica el ancho de un reproductor de video, en píxeles.

Sugerencia: especifique siempre los atributos heighty para los videos. widthSi se establecen estos atributos, el espacio requerido para el video se reserva cuando se carga la página. Sin embargo, sin estos atributos, el navegador no sabe el tamaño del video y no puede reservarle el espacio apropiado. El efecto será que el diseño de la página cambiará durante la carga (mientras se carga el video).

Nota: ¡No cambie la escala del video con los atributos heighty ! widthReducir el tamaño de un video grande con estos atributos obliga al usuario a descargar el video original (incluso si se ve pequeño en la página). La forma correcta de reescalar un video es con un programa, antes de usarlo en una página web.


Compatibilidad con navegador

Attribute
width 4.0 9.0 3.5 3.1 11.5

Sintaxis

<video width="pixels">

Valores de atributos

Value Description
pixels The width of the video, in pixels (i.e. width="100")

❮ Etiqueta HTML <video>