Beispiel für eine HTML5-Video-Event-Anwendung_HTML5-Tutorial-Fähigkeiten

1. Holen Sie sich die Videozeitlänge

Wenn das Video in das Video geladen wird, verwenden Sie das onloadedmetadata-Ereignis, um die Videozeitlänge zu erhalten.

Code kopieren

Der Code lautet wie folgt:

video.onloadedmetadata = function ( ) {
var vLength = video.duration;
console.log(vLength>}

2 🎜>Wenn das Video abgespielt wird, können Sie das ontimeupdate-Ereignis verwenden, um den aktuellen Wiedergabefortschritt des Videos abzurufen. Das ontimeupdate-Ereignis wird ausgelöst, wenn sich die currentTime-Eigenschaft des Videoobjekts ändert. Die Eigenschaft „currentTime“ ist eine Gleitkomma-Dezimalzahl, die bis zu 12 Dezimalstellen annehmen kann.

Code kopieren

Der Code lautet wie folgt:

video.ontimeupdate = function ( ) {

var vTime = video.currentTime;

console.log(vTime);