Maison > interface Web > Tutoriel H5 > Questions sur l'événement ontimeupdate de l'objet HTML5 Video (invalide sur Chrome) _html5 astuces du didacticiel

Questions sur l'événement ontimeupdate de l'objet HTML5 Video (invalide sur Chrome) _html5 astuces du didacticiel

WBOY
Libérer: 2016-05-16 15:49:07
original
1935 Les gens l'ont consulté

Date crée une page de lecture vidéo, qui utilise l'objet HTML5 Video. Il s'agit d'un nouvel objet en HTML5. Il prend en charge la lecture en ligne de vidéos dans plusieurs formats différents. Il est relativement puissant et a étendu de nombreux événements. contrôler la lecture vidéo. Reportez-vous aux deux liens suivants :
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/ tag_video .asp

L'objet Vidéo peut signaler la progression de la lecture actuelle via l'événement ontimeupdate. En même temps, cet événement peut également être utilisé pour contrôler d'autres éléments de la page en fonction de la situation de lecture vidéo, tels que. changer de chapitre au fur et à mesure que la lecture vidéo progresse, afficher des informations supplémentaires, etc. Voici un exemple :

Copiez le code
Le code est le suivant :



-Compatible UA " content="IE=Edge" />






: 0 de 0 secondes.
;input type= "text" id="seekText" />
Par exemple :





Copier le code

Le code est le suivant :


video.ontimeupdate = function () { getCurrentVideoPosition();
Cependant, la ligne de code ci-dessus semble invalide sur Chrome. Vous pouvez utiliser addEventListener pour la remplacer :
Copier le code


Le code est le suivant :


videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition(); false);
Je ne sais pas pourquoi l'événement ontimeupdate ne peut pas être directement accroché à l'élément Video sur Chrome, mais l'événement doit être ajouté via le Méthode addEventListener. Cependant, addEventListener est également compatible avec les navigateurs IE et Firefox, il devrait donc réussir.
É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