Aplikasi acara video HTML5 example_html5 kemahiran tutorial

1. Dapatkan tempoh masa video

Apabila video dimuatkan ke dalam video, gunakan acara metadata yang dimuatkan untuk mendapatkan tempoh masa video.

Salin kod

Kod tersebut adalah seperti berikut:

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

2 🎜>Apabila video mula dimainkan, anda boleh menggunakan acara ontimeupdate untuk mendapatkan kemajuan main balik semasa video. Acara ontimeupdate dicetuskan apabila sifat currentTime objek video berubah. Sifat currentTime ialah nombor perpuluhan titik terapung yang boleh mengambil masa sehingga 12 digit tempat perpuluhan.

Salin kod

Kod tersebut adalah seperti berikut:

video.ontimeupdate = function ( ) {

var vTime = video.currentTime;

console.log(vTime
};