Exemple d'application d'événement vidéo HTML5_compétences du didacticiel html5

1. Obtenez la durée de la vidéo

Lorsque la vidéo est chargée dans la vidéo, utilisez l'événement onloadedmetadata pour obtenir la durée de la vidéo.

Copier le code

Le code est le suivant :

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

2. 🎜>Lorsque la lecture de la vidéo commence, vous pouvez utiliser l'événement ontimeupdate pour obtenir la progression actuelle de la lecture de la vidéo. L'événement ontimeupdate est déclenché lorsque la propriété currentTime de l'objet vidéo change. La propriété currentTime est un nombre décimal à virgule flottante pouvant contenir jusqu'à 12 chiffres après la virgule.

Copier le codeLe code est le suivant :

video.ontimeupdate = function ( ) {

var vTime = video.currentTime;
console.log
};