Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM
![]() |
Properti Loop DOM pada HTML |
Sintak:
- Mengembalikan nilai properti loop: videoObject.loop
- Mengatur nilai properti loop: videoObject.loop = true | false
Property Values:
- true atau false: digunakan untuk menentukan apakah sebuah video harus mulai dimainkan kembali atau tidak, setiap kali video tersebut selesai diputar. Secara default nilai dari properti ini akan diatur ke tipe false.
Return Values: sebuah video yang menggunakan properti loop akan mengembalikan nilai boolean true jika video ingin dimainkan kembali setelah pemutaran video selesai, sebaliknya akan mengembalikan nilai false jika video yang telah selesai diputar tidak ingin diputar kembali.
Contoh: pengaturan video untuk memutar kembali secara otomatis.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Loop 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 Loop
</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 loop video
menjadi enabling, lakukan
double klik pada tombol
"Enable Loop".
</p>
<p>
Untuk memerika status loop
pada video, lakukan double klik pada tombol "Check Loop".
</p>
<button
ondblclick="Enable_Loop()"
type="button">
Enable loop
</button>
<button
ondblclick="Check_Loop()"
type="button">
Check Loop
</button>
<p id="test"></p>
<script>
var v = document.getElementById(
"Test_Video");
function Enable_Loop()
{
v.loop = true;
v.load();
}
function Check_Loop()
{
alert(v.loop);
}
</script>
</body>
</html>
- Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM [klik]
- Properti Video Played DOM pada HTML Beserta Fungsinya [klik]
- Properti Video Preload HTML DOM dan Fungsinya [klik]
- Properti readyState Video HTML DOM dan Fungsinya [klik]
- Mencari Rentang Video HTML Menggunakan Seekable DOM [klik]
- Pencarian Video HTML Menggunakan Properti Seeking DOM [klik]
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM [klik]
Jenis browser seperti apa saja yang dapat digunakan oleh Endang Soekamti untuk mengaktifkan properti video loop DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Endang Soekamti untuk mengaktifkan properti video loop DOM pada HTML:
Hapus- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Apple Safari
Apa yang dimaksud dengan properti video loop DOM pada HTML?
BalasHapusProperti loop DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai video, apakah harus dilakukan pemutaran ulang atau tidak setelah video selesai diputar atau telah mencapai bagian durasi akhir dari video.
HapusProperti video loop DOM pada HTML merupakan properti yang mencerminkan nilai atribut loop VIDEO.
HapusKetika nilai properti video loop DOM pada HTML diaktifkan, maka browser akan melakukan pemutaran ulang file video ketika video tersebut telah selesai dilakukan pemutaran, atau telah mencapai durasi akhir dari pemutaran.
Hapus