Lompat ke konten Lompat ke sidebar Lompat ke footer

Properti Video Played DOM pada HTML Beserta Fungsinya

Properti Video Played DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object TimeRanges. Object TimeRanges merupakan properti yang digunakan untuk kondisi dimana user ingin merepresentasikan nilai jangkauan dari video yang telah dimainkan. Jika user melakukan skip video, maka user tersebut dapat memiliki beberapa rentang range video yang telah dimainkan. Properti video played merupakan properti yang bersifat read-only.

Properti Video Played DOM pada HTML Beserta Fungsinya
Properti Video Played DOM pada HTML

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 [klik], Menjeda Video HTML Menggunakan Properti Paused DOM [klik], dan Properti networkState DOM HTML dan Fungsinya [klik].

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

Baca Juga:

Berikut ilustrasi program dari properti video 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>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Abdul Kharis Illahi Syah, Adelfine Sekararum Leswandhany, Adella Izza Nafisa, Adhia Rizky Maharani, dan Adindra Acintya Sanda.

5 komentar untuk "Properti Video Played DOM pada HTML Beserta Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan oleh Buk Menik untuk mengatifkan properti video played DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Buk Menik untuk mengaktifkan properti video played DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

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

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

      Hapus
    2. Properti played DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object timeRanges pada halaman HTML.

      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 -