Properti readyState Video HTML DOM dan Fungsinya
Properti Video readyState DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai ready state saat ini dari suatu file video pada halaman HTML. Ready state adalah properti yang digunakan untuk memberikan suatu indikasi apakah video telah siap dimainkan atau belum. Properti Video readyState merupakan properti yang bersifat read-only.
Sebelum memahami lebih dalam materi tentang Properti readyState Video HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Properti Video Preload HTML DOM dan Fungsinya [klik], Properti Video Played DOM pada HTML Beserta Fungsinya [klik], dan Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM [klik].
Sintak:
videoObject.readyState
Return Values: beberapa pilihan nilai memberikan hasil yang berbeda pada ready state adalah sebagai berikut.
 |
| Properti readyState DOM pada HTML |
Sintak:
videoObject.readyState
Return Values: beberapa pilihan nilai memberikan hasil yang berbeda pada ready state adalah sebagai berikut.
- 0 = HAVE_NOTHING: tidak terdapat informasi yang berkaitan dengan file video apakah suatu video telah siap dimainkan atau belum.
- 1 = HAVE_METADATA: memberitahukan bahwa metadata untuk video telah siap.
- 2 = HAVE_CURRENT_DATA: memberitahukan data untuk posisi playback saat ini telah tersedia, tetapi tidak cukup data untuk memutar video untuk frame selanjutnya dalam satuan milidetik.
- 3 = HAVE_FUTURE_DATA: memberitahukan bahwa data untuk video saat ini, atau setidaknya untuk frame selanjutnya telah tersedia.
- 4 = HAVE_ENOUGH_DATA: memberitahukan bahwa terdata cukup data yang tersedia untuk memulai pemutaran video.
Baca Juga:
Berikut adalah ilustrasi program dari penggunaan properti video readyState.
Contoh: mendapatkan nilai ready state saat ini dari file video.
Contoh: mendapatkan nilai ready state saat ini dari file video.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video readyState DOM
pada HTML
</title>
</head>
<body
style="text-align:center">
<h1
style="color:green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video readyState
</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
ready state saat ini dari
video, lakukan double klik
pada tombol "Return State".
</p>
<button
ondblclick="My_Video()"
type="button">
Return State
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById(
"Test_Video").readyState;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
Referensi Tambahan:
- 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]
- Properti Merror MathML HTML Beserta Fungsinya [klik]
- Properti Mfenced MathML HTML5 Beserta Fungsinya [klik]
Artikel ini didedikasikan kepada: Adella Izza Nafisa, Adhia Rizky Maharani, Adindra Acintya Sanda, Aditya Christiawan, dan Afip Ridwan Riyado.
Jenis browser apa saja yang dapat digunakan oleh Cocomelon untuk mengaktifkan properti readyState DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Cocomelon untuk mengaktifkan properti readyState DOM pada HTML:
Hapus1. Google Chrome
2. Edge
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti readyState DOM pada HTML?
BalasHapusProperti readyState DOM pada HTML merupakan properti yang digunakan untuk mengembalikan status ready video saat ini. Status ready menunjukkan pakaha video telah siap diputar atau tidak.
HapusProperti HTML DOM Video readyState berfungsi untuk mengembalikan nomor yang sesuai dengan status ready video saat ini.
Hapus