Properti Video Played DOM pada HTML Beserta Fungsinya
![]() |
Properti Video Played DOM pada HTML |
Object TimeRanges terdiri dari:
- length: digunakan untuk mendapatkan angka dari jangkauan video yang sedang dimainkan.
- start(index): digunakan untuk mendapatkan posisi start dari jangkauan video yang dimainkan.
- end(index): digunakan untuk mendapatkan posisi akhir dari video yang sedang dimainkan.
Sintak:
videoObject.played
Contoh: mendapatkan jangkauan elemen pertama dari video dalam satuan detik.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Played DOM pada
HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Video Played
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls>
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Untuk mengembalikan nilai
range dari daftar putar
pertama pada video dalam
satuan detik, lakukan double
klik pada tombol "Return
Played Range".
</p>
<button
ondblclick="My_VideoRate()"
type="button">
Return Played Range
</button>
<p id="test"></p>
<script>
function My_VideoRate()
{
var v = document.getElementById("Test_Video");
document.getElementById("test").innerHTML
= "Starts At: "
+ v.played.start(0)
+ " Ends At: "
+ v.played.end(0);
}
</script>
</body>
</html>
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM [klik]
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM [klik]
- Properti textTracks HTML DOM Beserta Fungsinya [klik]
- Mendapatkan Track Video HTML Menggunakan videoTracks DOM [klik]
- Membuat Persamaan Matematika HTML Menggunakan MathML DOM [klik]
- Properti Maction MathML HTML5 Beserta Fungsinya [klik]
- Properti Menclose MathML HTML Beserta Fungsinya [klik]
Jenis browser apa saja yang dapat digunakan oleh Buk Menik untuk mengatifkan properti video played DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Buk Menik untuk mengaktifkan properti video played DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti TimeRanges DOM pada HTML?
BalasHapusProperti object timeRanges merupakan properti yang digunakan untuk mewakili nilai rentang video yang telah diputar atau dilihat oleh user. Rentang yang diputar atau played adalah rentang waktu dari video yang diputar saat ini.
HapusProperti played DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object timeRanges pada halaman HTML.
Hapus