Código fuente de reproducción de vídeo estático
Déjame mostrarte este código.
=====================
¡es! DOCTYPE HTML gt
lthtml gt
lthead gt
lttitle gthtml5 _ video lt/title gt;
ltmeta charset="UTF- 8"/>
lt/head gt;
ltbody gt
ltdiv gt
ltvideo id = " video " ancho = " 400 " height = " 300 " controles = " controles " >>p>
ltsource src = " mov _ BBB " type = " video/MP4 " >>p>
Tu navegador no admite. etiquetas de vídeo.
lt/video gt;
lt/div gt;
ltdiv id = " comprobar " gt lt/div gt; ltinput type = " botón " ID = " cambiar " valor = " play "/ gt;
lt/html gt;
ltscript type = " text/JavaScript " gt;
lt/html gt;
ltscript type = " text/JavaScript " gt;
p>/*
Hay muchos eventos que se puede agregar a un video, como por ejemplo:
Error Se produjo un error al cargar el video.
Progreso está cargando el vídeo.
Cuando comienza la carga, el navegador comienza a cargar el elemento de vídeo,
Cuando cambia el volumen, cambia el volumen.
Por supuesto, el vídeo en sí también tiene algunos eventos y atributos.
Tiempo de inicio de reproducción
Obtiene o establece el tiempo de reproducción del vídeo actual.
durationfloat La duración total del vídeo.
Pausedboolean indica si la película actual está en pausa.
¿Se acabó la película booleana finalizada?
Obtener o configurar el volumen.
Pause() pausa la película.
Play() permite reproducir la película.
*/
var video = documento . getelementbyid(" video ");
var check = documento . getelementbyid(" verificar ");
var cambio = documento . getelementbyid(" cambio ");
//Pausar evento
video.addEventListener("pausa", función(){
Var msg = "Pausa, el tiempo de reproducción actual es:" video hora actual;
check.innerHTML = msg
});
. //Reproduciendo evento
video . addevent listener(" reproduciendo ", function(){
Var msg = "Comenzar a reproducir, comenzando desde " video.currentTime "reproduciendo";
check.innerHTML = msg
});
//Arrastrar evento de barra de reproducción
video addevent oyente(" buscando ", función. ( ){
Var msg = "Arrastrar";
check.innerHTML = msg
});
//Arrastrar Reproducir Evento de fin de barra.
video.addEventListener("buscado ", function(){
Var msg = "Arrastrar finalizado";
check.innerHTML = msg
});
//Al final del vídeo
video.addEventListener("ended ", function(){
Var msg = " El vídeo se ha reproducido, la duración total es " duración del vídeo
check.innerHTML = msg
});
change.addEventListener(" haga clic en ", función (){
if (video.pause){
video .play();
Cambiar.valor = "pausa
} En caso contrario {
vídeo . pausa();
Change.value = " reproducir
}
})
lt/script gt;