Recientemente, estoy trabajando en un proyecto que requiere monitorear eventos de reproducción de video y poder imprimir registros de registros. Después de pensarlo, implementé esta función usando JavaScript, y el código es el siguiente:
HTML:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title> múltiple fuente </title>
</ablo>
<Body>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
<video src = "http://www.w3school.com.cn/i/movie.mp4" controla Autoplay> </video>
</body>
</html>
JS:
La copia del código es la siguiente:
<script type = "text/javaScript">
Window.AdDeventListener ("Load", getVideovent);
función getVideoVent () {
var videos = document.getElementsBytagName ("Video");
para (var i = 0; i <videos.length; i ++) {
showEventLog ("video"+(i+1), video [i]);
}
}
función showEventLog (VideOnum, Media) {
eventTester = function (e) {
Media.adDeventListener (e, function () {
console.log (videOnum+":"+e);
});
}
EventTester ("LoadStart"); // El cliente comienza a solicitar datos
eventtester ("progreso"); // El cliente solicita datos
eventtester ("suspender"); // Descarga retrasada
eventtester ("abort"); // El cliente termina activamente la descarga (no causada por un error),
eventtester ("error"); // se encontró un error al solicitar datos
eventtester ("estancado"); // Detener la velocidad de la red
EventTester ("Play"); // activado cuando play () y la autoplay comienzan a reproducir
eventtester ("pausa"); // pausa () dispara
EventTester ("LoadedMetadata"); // Obtener con éxito la longitud de los recursos
EventTester ("LoadedData"); //
eventtester ("esperando"); // Esperando datos, no un error
eventtester ("jugando"); // Comienza la reproducción
EventTester ("CanPlay"); // puede jugar, pero puede detenerse debido a la carga en el medio
eventtester ("canplaythrough"); // se puede reproducir, todas las canciones están cargadas
eventtester ("buscar"); //Búsqueda
eventtester ("buscado"); // Búsqueda completada
EventTester ("TimeUpdate"); // Cambios de tiempo de reproducción
eventtester ("finalizado"); // La reproducción termina
EventTester ("Ratechange"); // La tasa de reproducción cambia
EventTester ("DurationChange"); // Cambios de longitud de recursos
EventTester ("Volumechange"); // Cambio de volumen
}
</script>
Amigos, lea las ideas en este artículo, espero que te sea útil