Maison > interface Web > Tutoriel H5 > Exemple d'application d'événement vidéo HTML5_compétences du didacticiel html5

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

WBOY
Libérer: 2016-05-16 15:47:31
original
1443 Les gens l'ont consulté
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
};
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal