Los últimos tutoriales de desarrollo web
 

HTML DOM objetos de vídeo


objetos de vídeo

El objeto de vídeo es nuevo en HTML5.

El objeto de vídeo representa un HTML <video> elemento.

Nota: La <video> elemento no es compatible con Internet Explorer 8 y versiones anteriores.

Acceder a un objeto de vídeo

Puede acceder a un <video> elemento mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myVideo");
Inténtalo tú mismo "

Crear un objeto de vídeo

Se puede crear un <video> elemento mediante el document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("VIDEO");
Inténtalo tú mismo "

Propiedades de objetos de vídeo

Propiedad Descripción
audioTracks Devuelve un objeto que representa AudioTrackList pistas de audio disponibles
autoplay Establece o devuelve si un video deben empezar a jugar tan pronto como esté listo
buffered Devuelve un objeto que representa TimeRanges las partes amortiguadas de un video
controller Devuelve el objeto MediaController que representa el controlador de medios actual de un vídeo
controls Establece o devuelve si un video debe tener controles que se muestra (play/pause etc)
crossOrigin Establece o devuelve la configuración CORS de un video
currentSrc Devuelve la URL del video actual
currentTime Establece o devuelve la posición actual de la reproducción en un vídeo (in seconds)
defaultMuted Establece o devuelve si el vídeo debe ser silenciado de forma predeterminada
defaultPlaybackRate Establece o devuelve si la velocidad de reproducción por defecto del video
duration Devuelve la longitud de un video (in seconds)
ended Devuelve si la reproducción del vídeo ha terminado
error Devuelve un objeto MediaError que representa el estado de error del video
height Establece o devuelve el valor de la height atributo de un vídeo
loop Establece o devuelve si el vídeo debe empezar a jugar otra vez, cada vez que está terminada
mediaGroup Establece o devuelve el nombre del grupo de medios del video(s) es una parte de
muted Establece o devuelve si el sonido de un video deben estar apagados
networkState Devuelve el estado actual de la red un vídeo
paused Establece o devuelve si un vídeo está en pausa
playbackRate Establece o devuelve la velocidad de la reproducción de vídeo
played Devuelve un objeto que representa TimeRanges las partes jugadas del video
poster Establece o devuelve el valor del poster atributo de un vídeo
preload Establece o devuelve el valor de la preload atributo de un vídeo
readyState Devuelve el estado de lista actual de un video
seekable Devuelve un objeto que representa las partes TimeRanges seekable de un video
seeking Devuelve si el usuario está buscando actualmente en el video
src Establece o devuelve el valor de la src atributo de un vídeo
startDate Devuelve un objeto que representa la Fecha Hora local actual
textTracks Devuelve un objeto que representa TextTrackList las pistas de texto disponibles
videoTracks Devuelve un objeto que representa VideoTrackList las pistas de vídeo disponibles
volume Establece o devuelve el volumen de audio de un video
width Establece o devuelve el valor de la width atributo de un vídeo

Métodos de objetos de vídeo

Método Descripción
addTextTrack() Añade una nueva pista de texto al video
canPlayType() Comprueba si el navegador puede reproducir el tipo de vídeo especificado
load() Re-carga el elemento de vídeo
play() Inicia la reproducción del vídeo
pause() Hace una pausa en la reproducción de vídeo actual

Propiedades estándar y Eventos

El objeto de vídeo también es compatible con los estándares propiedades y eventos .


Páginas relacionadas

Tutorial de HTML: vídeo HTML5

Referencia HTML: HTML <video> etiqueta