Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mengatur Playback HTML Video Menggunakan Properti currentTime DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.

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, Menampilkan Kontrol Video HTML Menggunakan Controls DOM, dan Mendapatkan Waktu Jangkauan Video HTML Properti Buffered DOM.

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.
Location: Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimMinggu, 25 Desember 2022 pukul 18.42.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimMinggu, 25 Desember 2022 pukul 18.43.00 WIB

      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. AnonimRabu, 04 Januari 2023 pukul 22.32.00 WIB

    Apa yang dimaksud dengan properti currentTime DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimRabu, 04 Januari 2023 pukul 22.33.00 WIB

      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. AnonimRabu, 04 Januari 2023 pukul 22.33.00 WIB

      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 -