masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > Tutorial H5 > Aplikasi acara video HTML5 example_html5 kemahiran tutorial

Aplikasi acara video HTML5 example_html5 kemahiran tutorial

WBOY

Lepaskan： 2016-05-16 15:47:31

asal

1450 orang telah melayarinya

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
};

Label berkaitan：

html5 video 事件

sumber：php.cn

Artikel sebelumnya：HTML5 cara melukis segi empat tepat dengan warna dan ketelusan untuk bentuk diagram_html5 petua tutorial Artikel seterusnya：Gambaran keseluruhan ringkas tentang sintaks dan peraturan Html5

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang