Komentar: Objek video adalah objek baru yang ditambahkan dalam HTML5. Ini mendukung pemutaran video online dalam berbagai format. Ini memiliki fungsi yang relatif kuat. Objek video dapat melaporkan kemajuan pemutaran saat ini melalui acara OntimeUpdate. Di bawah ini adalah pengantar masalah acara OntimeUpdate dari objek video. Teman yang tertarik dapat merujuknya.
Tanggal di halaman pemutaran video, yang menggunakan objek video HTML5. Ini adalah objek baru yang ditambahkan dalam HTML5. Ini mendukung pemutaran video online dalam berbagai format. Ini memiliki fungsi yang relatif kuat dan telah memperluas banyak acara. Ini dapat mengontrol pemutaran video melalui skrip JavaScript. Lihat dua tautan berikut:Objek video dapat melaporkan kemajuan pemutaran saat ini melalui acara OntimeUpdate. Pada saat yang sama, acara tersebut juga dapat mengontrol elemen -elemen lain pada halaman sesuai dengan situasi pemutaran video, seperti beralih bab dan menampilkan informasi tambahan seiring kemajuan pemutaran video. Inilah contohnya:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "x-ua-kompatibel" konten = "ie = edge" />
<title> </title>
</head>
<body>
<type skrip = "Teks/JavaScript">
function timeupdate () {
document.geteLementById ('time'). innerHtml = videol.currenttime;
}
function durationchange () {
document.geteLementById ('durasi'). innerHtml = videat.durasi;
}
function sexVideo () {
document.geteLementById ('video'). currentTime = document.geteLementById ('fookText'). value;
}
window.onload = function () {
var videoplayer = document.getElementById ("video");
videoplayer.onTimeUpdate = function () {timeUpdate (); };
};
</script>
<div>
<control video = "kontrol"
poster = "./ gambar/videoground1.png"
src = "./ VideoSource/Video1.mp4"
officechange = "durationchange ()" />
</div>
<div> waktu: <span> 0 </span> dari <span> 0 </span> detik. </div>
<div>
<input type = "text" />
<input type = "tombol" value = "cari video" />
</div>
</body>
</html>
Tentu saja, Anda juga dapat secara dinamis menambahkan atribut atau acara gantung ke objek video seperti menggunakan elemen lain pada halaman, seperti:
Video.onTimeUpdate = function () {getCurrentVideoPosition (); };
Namun, baris kode di atas tampaknya tidak valid pada Chrome, Anda dapat menggunakan AddEventListener sebagai gantinya:
videoplayer.addeventListener ("timeupdate", function () {getCurrentVideoposition ();}, false);
Saya tidak tahu mengapa Onchrome tidak dapat secara langsung menggantung acara OntimeUpdate pada elemen video, tetapi harus menambahkan acara melalui metode AddEventListener. Namun, AddEventListener juga kompatibel dengan browser IE dan Firefox, sehingga harus dilewati.