Los últimos tutoriales de desarrollo web
 

Video width Property

<Objetos de vídeo

Ejemplo

Cambiar el ancho del reproductor de vídeo:

document.getElementById("myVideo").width = "500";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de anchura o devuelve el valor de la width atributo de un vídeo.

El width atributo especifica la anchura de un reproductor de vídeo, en píxeles.

Consejo: Siempre especifique la altura y anchura de los atributos de vídeos. Si la altura y la anchura se establecen, el espacio requerido para el video está reservado cuando se carga la página. Sin embargo, sin estos atributos, el navegador no conoce el tamaño del vídeo, y no puede reservar el espacio correspondiente a la misma. El efecto será que el diseño de la página cambiará durante la carga (mientras se carga el vídeo).

Nota: No cambiar la escala de vídeo con la altura y la anchura de los atributos! Reducción de un gran video con la altura y la anchura de los atributos obliga al usuario a descargar el vídeo original (even if it looks small on the page) . La forma correcta de cambiar la escala de un video es con un programa, antes de usarlo en una página.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad width es compatible con todos los principales navegadores.

Nota: Internet Explorer 8 y versiones anteriores, no son compatibles con el <video> elemento.


Sintaxis

Devolver la propiedad width:

videoObject .width

Establecer la propiedad width:

videoObject .width= pixels

Valores de propiedad

Valor Descripción
pixels Especifica la anchura del reproductor de vídeo, en píxeles (ie width="100")

Detalles técnicos

Valor de retorno: Un número, que representa la anchura de la de vídeo, en píxeles

Más ejemplos

Ejemplo

Obtener el ancho de un video:

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

El resultado de x será:

320
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML: HTML <video> atributo width


<Objetos de vídeo