Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM
Sebelum memahami lebih dalam materi tentang Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Nilai Audio HTML Menggunakan audioTracks DOM, Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM, dan Melakukan Pencarian Audio HTML Menggunakan Properti Seeking DOM.
Sintak:
- mengembalikan nilai properti autoplay: videoObject.autoplay
- digunakan untuk mengatur nilai properti autoplay: videoObject.autoplay = true | false
Property Values:
- true atau false: digunakan untuk menentukan apakah video harus diputar otomatis atau tidak ketika file media tersebut dilakukan load. Secara default, nilai properti video autoplay DOM pada HTML diatur ke tipe nilai false.
Return Values: berfungsi untuk mengembalikan nilai boolean yang akan mengembalikan nilai true jika video diputar otomatis, jika tidak maka akan mengembalikan nilai false.
Contoh: Enabling autoplay untuk file video.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Autoplay 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 Autoplay
</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 mengetahui apakah
pengaturan autoplay telah
diatur atau belum, lakukan
double klik pada tombol
"Return Buffered Range".
</p>
<button
ondblclick="My_Video()"
type="button">
Enable Autoplay
</button>
<p id="test"></p>
<script>
function My_Video()
{
v.autoplay = true;
v.load();
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video autoplay 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 Autoplay
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls
autoplay>
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Untuk mengetahui apakah
setting autoplay telah diatur
atau belum, lakukan double
klik pada tombol "Check".
</p>
<button
ondblclick="My_Video()">
Check
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v =
document.getElementById(
"Test_Video").autoplay;
document.getElementById(
"test").innerHTML = v;
}
</script>
</body>
</html>
- Mengatur Muted Video HTML Menggunakan defaultMuted DOM
- Mengatur Kecepatan Playback Video HTML Menggunakan defaultPlaybackRate DOM
- Mendapatkan Nilai Durasi Video HTML Menggunakan Properti Duration DOM
- Properti Video Ended HTML DOM beserta Fungsinya
- Memutar Ulang Video HTML Secara Otomatis Menggunakan Properti Loop DOM
- Mengatur Media Group HTML Menggunakan Video mediaGroup DOM
- Mematikan Suara Video HTML Menggunakan Properti Muted DOM
5 komentar untuk "Memutar Otomatis Video HTML Menggunakan Properti Autoplay 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 -
Sebutkan jenis-jenis browser seperti apa saja yang dapat digunakan oleh Roronoa Zorro untuk mengaktifkan properti Video Autoplay DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Roronoa Zorro untuk mengaktifkan properti Video Autoplay DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti autoplay DOM pada HTML?
BalasHapusProperti autoplay merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai media dari file audio atau video, apakah harus diputar sesegera mungkin ketika halaman melakukan loading atau tidak.
HapusProperti autoplay DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai suati file apakah harus diputar ketika halaman web sedang dimuat atau tidak.
Hapus