Lompat ke konten Lompat ke sidebar Lompat ke footer

Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM

Properti video autoplay DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai video apakah harus dimulai secepatnya atau tidak. Properti autoplay video DOM dapat digunakan untuk menentukan apakah video harus dimulai otomatis ketika video dilakukan load.

Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM
Properti Autoplay DOM pada HTML

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 [klik], Mengatur Tingkat Suara HTML Menggunakan Properti Volume DOM [klik], dan Melakukan Pencarian Audio HTML Menggunakan Properti Seeking DOM [klik].

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.

Baca Juga:

Berikut program ilustrasi yang menggunakan properti autoplay.

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>


Contoh: menemukan kondisi video yang di-play ketika file telah siap dijalankan secara otomatis.

<!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>

Artikel ini didedikasikan kepada: Tika Anggun Apriliani, Tsania Shofenia Ferisha Effendi, Ulfa Trihandayani, Vera Yolanda, dan Wahyuni Dwi Pertiwi.

5 komentar untuk "Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM"

  1. Sebutkan jenis-jenis browser seperti apa saja yang dapat digunakan oleh Roronoa Zorro untuk mengaktifkan properti Video Autoplay DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Roronoa Zorro untuk mengaktifkan properti Video Autoplay DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti autoplay DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Properti 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

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 -