Heim  >  Artikel  >  Web-Frontend  >  Beispiel für eine HTML5-Video-Event-Anwendung_HTML5-Tutorial-Fähigkeiten

Beispiel für eine HTML5-Video-Event-Anwendung_HTML5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:47:311424Durchsuche
1. Holen Sie sich die Videozeitlänge

Wenn das Video in das Video geladen wird, verwenden Sie das onloadedmetadata-Ereignis, um die Videozeitlänge zu erhalten.

Code kopieren
Der Code lautet wie folgt:

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


2 🎜>Wenn das Video abgespielt wird, können Sie das ontimeupdate-Ereignis verwenden, um den aktuellen Wiedergabefortschritt des Videos abzurufen. Das ontimeupdate-Ereignis wird ausgelöst, wenn sich die currentTime-Eigenschaft des Videoobjekts ändert. Die Eigenschaft „currentTime“ ist eine Gleitkomma-Dezimalzahl, die bis zu 12 Dezimalstellen annehmen kann.



Code kopieren
Der Code lautet wie folgt:
video.ontimeupdate = function ( ) {
var vTime = video.currentTime;
console.log(vTime);
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn