Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Playback HTML Video Menggunakan Properti currentTime DOM

Properti Video currentTime DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai posisi saat ini dari video playback. Properti Video currentTime DOM pada HTML merupakan properti yang mengembalikan nilai posisi playback video dari suatu form dalam satuan detik. Ketika properti curretTime diaktifkan maka playback akan melomppok ke posisi spesifik ke tujuan dari pengaturan properti.

Mengatur Playback HTML Video Menggunakan Properti currentTime DOM
Properti currentTime DOM pada HTML

Sebelum memahami lebih dalam materi tentang Mengatur Playback HTML Video Menggunakan Properti currentTime DOM, terlebih dahulu pelajari materi tentang: Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM [klik], Menampilkan Kontrol Video HTML Menggunakan Controls DOM [klik], dan Mendapatkan Waktu Jangkauan Video HTML Properti Buffered DOM [klik].

Sintak:
  • Mengembalikan nilai properti currentTime: videoObject.currentTime
  • Mengatur nilai properti currentTime: videoObject.currentTime = seconds

Property Values:
  • seconds: digunakan untuk menentukan posisi untuk playback dari suatu video dalam satuan detik.

Return Values: berfungsi untuk mengembalikan sebuah nilai numerik yang merepresentasikan waktu playback saat ini dalam satuan detik.

Baca Juga:

Berikut adalah program ilustrasi dari properti Video currentTime.

Contoh: pengaturan posisi waktu menjadi 50 detik.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Video currentTime 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 currentTime DOM 

pada HTML

</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 mengatur posisi playback 

video saat ini, lakukan double 

klik pada tombol "Change 

Position".

</p>

 

<button 

ondblclick="My_Video()"

type="button">

Change Position

</button>

 

<script>

var v = document.getElementById("Test_Video");

 

function My_Video() 

{

v.currentTime = 50;

}

</script>

 

</body>

 

</html>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Wahyuni Dwi Pertiwi, Wanadya Ayu Duta Kinasih, Wardani Trihandini, Yanwar Widiyanto, dan Yolanda Khoirunnisa Nabilah.

5 komentar untuk "Mengatur Playback HTML Video Menggunakan Properti currentTime DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh Sun Goku untuk mengaktifkan video playback DOM pada HTML?

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

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

    BalasHapus
    Balasan
    1. Properti currentTime DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai posisi saat ini dalam satuan detik dari pemutaran media video atau audio.

      Hapus
    2. Properti currentTime, akan melakukan proses 'lompat' ke posisi yang telah ditentukan dari media yang sedang diputar 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 -