Bagaimana Anda mendeteksi ketika <video>
elemen HTML5 selesai diputar?
html
html5-video
Brent
sumber
sumber
Jawaban:
Anda dapat menambahkan pendengar acara dengan 'berakhir' sebagai param pertama
Seperti ini :
sumber
if(!e) { e = window.event; }
pernyataan bahwa jawaban ini awalnya termasuk adalah kode khusus IE untuk mendapatkan acara terbaru dari dalam pengendali acara yang dilampirkanattachEvent
pada versi awal IE. Karena dalam kasus ini, pawang dilampirkanaddEventListener
(dan versi awal IE tidak relevan bagi orang yang berurusan dengan video HTML5), itu sama sekali tidak perlu dan saya telah menghapusnya.Lihat semuanya yang perlu Anda ketahui tentang HTML5 Video dan posting Audio di situs Opera Dev di bawah bagian "Saya ingin menggulung kontrol saya sendiri".
Ini bagian terkait:
maka Anda dapat menggunakan:
onended
adalah acara standar HTML5 pada semua elemen media, lihat dokumentasi elemen media HTML5 (video / audio) .sumber
JQUERY
HTML
Jenis acara Referensi Audio HTML dan DOM Video
sumber
.on()
telah lebih disukai.bind()
sejak jQuery 1.7, yang dirilis pada 2011. Juga, harap format kode Anda dengan benar.Berikut adalah contoh lengkap, saya harap ini membantu =).
sumber
Berikut ini adalah pendekatan sederhana yang memicu ketika video berakhir.
Pada baris 'EventListener' gantilah kata 'berakhir' dengan 'jeda' atau 'main' untuk menangkap peristiwa-peristiwa itu juga.
sumber
Anda cukup menambahkan
onended="myFunction()"
ke tag video Anda.sumber
Anda dapat menambahkan pendengar semua acara video dengan tambahan di
ended, loadedmetadata, timeupdate
manaended
fungsi dipanggil saat video berakhirsumber