Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Properti readyState Video HTML DOM dan Fungsinya
Properti readyState DOM pada HTML

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.
  • 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.


Berikut adalah ilustrasi program dari penggunaan properti video readyState.

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:
Artikel ini didedikasikan kepada: Adella Izza Nafisa, Adhia Rizky Maharani, Adindra Acintya Sanda, Aditya Christiawan, dan Afip Ridwan Riyado.

5 komentar untuk "Properti readyState Video HTML DOM dan Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan oleh Cocomelon untuk mengaktifkan properti readyState DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Cocomelon untuk mengaktifkan properti readyState DOM pada HTML:
      1. Google Chrome
      2. Edge
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti readyState DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Properti HTML DOM Video readyState berfungsi untuk mengembalikan nomor yang sesuai dengan status ready video saat ini.

      Hapus

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 -