Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM
Sebelum memahami lebih dalam materi tentang Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM, terlebih dahulu pelajari materi tentang: Properti Video Ended HTML DOM beserta Fungsinya, Mendapatkan Nilai Durasi Video HTML Properti Duration DOM, dan Mengatur Kecepatan Playback Video HTML defaultPlaybackRate DOM.
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
- Properti Video Played DOM pada HTML Beserta Fungsinya
- Properti Video Preload HTML DOM dan Fungsinya
- Properti readyState Video HTML DOM dan Fungsinya
- Mencari Rentang Video HTML Menggunakan Seekable DOM
- Pencarian Video HTML Menggunakan Properti Seeking DOM
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM
6 komentar untuk "Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM"
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 -
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