Soalan tentang acara ontimeupdate objek Video HTML5 (tidak sah pada Chrome) _html5 petua tutorial

Date sedang membuat halaman main balik video, yang menggunakan objek Video HTML5 Ini ialah objek baharu dalam HTML5 Ia menyokong main balik dalam talian dalam pelbagai format yang berbeza dan telah mengembangkan banyak acara mengawal main balik video. Rujuk dua pautan berikut:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/ tag_video .asp

Objek Video boleh melaporkan kemajuan main balik semasa melalui acara ontimeupdate Pada masa yang sama, acara ini juga boleh digunakan untuk mengawal elemen lain pada halaman berdasarkan situasi main balik video, seperti menukar bab semasa main balik video berlangsung , memaparkan maklumat tambahan, dsb. Berikut ialah contoh:

Salin kod

Kodnya adalah seperti berikut:

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

Masa : 0 daripada 0

;input type= "text" id="seekText" />
Contohnya:





Salin kod


Kodnya adalah seperti berikut:

video.ontimeupdate = function () { getCurrentVideoPosition( };

Walau bagaimanapun, baris kod di atas nampaknya tidak sah pada Chrome anda boleh menggunakan addEventListener untuk menggantikannya >

Salin kod

Kod tersebut adalah seperti berikut:

videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition( }, false);


Saya tidak tahu mengapa acara ontimeupdate tidak boleh digantung secara langsung pada elemen Video pada Chrome, tetapi acara itu mesti ditambah melalui kaedah addEventListener. Walau bagaimanapun, addEventListener juga serasi dengan pelayar IE dan Firefox, jadi ia mesti lulus.