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.
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:
Property Values:
Return Values: berfungsi untuk mengembalikan sebuah nilai numerik yang merepresentasikan waktu playback saat ini dalam satuan detik.
 |
| Properti currentTime DOM pada HTML |
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.
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:
- Memutar Ulang Video HTML Secara Otomatis Menggunakan Properti Loop DOM [klik]
- Mengatur Media Group HTML Menggunakan Video mediaGroup DOM [klik]
- Mematikan Suara Video HTML Menggunakan Properti Muted DOM [klik]
- Properti networkState DOM HTML dan Fungsinya [klik]
- Menjeda Video HTML Menggunakan Properti Paused DOM [klik]
- Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM [klik]
- Properti Video Played DOM pada HTML Beserta Fungsinya [klik]
Artikel ini didedikasikan kepada: Wahyuni Dwi Pertiwi, Wanadya Ayu Duta Kinasih, Wardani Trihandini, Yanwar Widiyanto, dan Yolanda Khoirunnisa Nabilah.
Jenis browser apa saja yang dapat digunakan oleh Sun Goku untuk mengaktifkan video playback DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Sun Goku untuk mengaktifkan properti video playback DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti currentTime DOM pada HTML?
BalasHapusProperti 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.
HapusProperti currentTime, akan melakukan proses 'lompat' ke posisi yang telah ditentukan dari media yang sedang diputar saat ini.
Hapus