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

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.