Propiedad de ancho del video

Objeto Video del DOM HTML

Definición y uso

width La propiedad establece o devuelve el Propiedad width El valor.

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

Consejos:Siempre especifica las propiedades de altura y ancho del video. Si se establecen las alturas y anchos, se reserva el espacio necesario para el video al cargar la página. Pero, si no hay estas propiedades, el navegador no sabrá el tamaño del video y no podrá reservar espacio adecuado para él. La disposición de la página cambiará durante la carga (cuando se carga el video).

Notas:¡No uses las propiedades de altura y ancho para redimensionar el video! Reducir un video grande con propiedades de altura y ancho obligará a los usuarios a descargar el video original (incluso si en la página parece pequeño). El método correcto para redimensionar el video es usarlo en el programa y luego en la página.

Ejemplo

Ejemplo 1

Cambiar el ancho del reproductor de video:

document.getElementById("myVideo").width = "500";

Prueba por ti mismo

Ejemplo 2

Obtener el ancho del video:

var x = document.getElementById("myVideo").width;

Prueba por ti mismo

Sintaxis

Devuelve la propiedad width:

videoObject.width

Configurar el atributo width:

videoObject.width = pixels

Valor del atributo

Valor Descripción
pixels Se especifica el ancho del reproductor de video en píxeles.

Detalles técnicos

Valor de retorno: Número, que representa el ancho del video en píxeles.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 9.0 Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo width del <video> HTML

Objeto Video del DOM HTML