Properti Video Played DOM pada HTML Beserta Fungsinya
Sebelum memahami lebih dalam materi tentang Properti Video Played DOM pada HTML Beserta Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM, Menjeda Video HTML Menggunakan Properti Paused DOM, dan Properti networkState DOM HTML dan Fungsinya.
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
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM
- Properti textTracks HTML DOM Beserta Fungsinya
- Mendapatkan Track Video HTML Menggunakan videoTracks DOM
- Membuat Persamaan Matematika HTML Menggunakan MathML DOM
- Properti Maction MathML HTML5 Beserta Fungsinya
- Properti Menclose MathML HTML Beserta Fungsinya
5 komentar untuk "Properti Video Played DOM pada HTML Beserta Fungsinya"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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