Fragen zum ontimeupdate-Ereignis des HTML5-Videoobjekts (ungültig in Chrome) _HTML5-Tutorial-Tipps

Date erstellt eine Videowiedergabeseite, die das HTML5-Videoobjekt verwendet. Es unterstützt die Online-Wiedergabe von Videos in mehreren verschiedenen Formaten und verfügt über erweiterte Funktionen Steuern Sie die Videowiedergabe. Beachten Sie die folgenden beiden Links:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/ tag_video .asp

Das Videoobjekt kann den aktuellen Wiedergabefortschritt über das Ereignis ontimeupdate melden. Gleichzeitig kann dieses Ereignis auch verwendet werden, um andere Elemente auf der Seite basierend auf der Videowiedergabesituation zu steuern, z Kapitelwechsel während der Videowiedergabe, Anzeige zusätzlicher Informationen usw. Hier ist ein Beispiel:

Kopieren Sie den Code

Der Code lautet wie folgt:

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

src=". /videoSource/video1.mp4" width="450px" height="320px"
ondurationchange="durationChange()" />

Time : 0 von 0

;input type= "text" id="seekText" /> Zum Beispiel:





Code kopieren


Der Code lautet wie folgt:


video.ontimeupdate = function () { getCurrentVideoPosition(); }Die obige Codezeile scheint jedoch in Chrome ungültig zu sein:

Code kopieren


Der Code lautet wie folgt:

videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition(); }, false); Ich weiß nicht, warum das ontimeupdate-Ereignis nicht direkt an das Video-Element in Chrome angehängt werden kann, aber das Ereignis muss über das hinzugefügt werden addEventListener-Methode. Allerdings ist addEventListener auch mit IE- und Firefox-Browsern kompatibel und sollte daher bestehen.