Lompat ke konten Lompat ke sidebar Lompat ke footer

Memutar Video HTML Menggunakan Load DOM

Properti Video load() DOM pada HTML digunakan untuk melakukan reaload video elemen. Properti Video load() digunakan untuk melakukan pembaruan video elemen setelah mengubah sumber atau pengaturan lainnya. Properti Video load() tidak mendukung penggunaan jenis parameter apapun dan tidak mengembalikan nilai apapun juga.

Properti Video load() DOM pada HTML
Properti Video Load DOM

Sebelum memahami lebih dalam materi tentang Memutar Video HTML Menggunakan Load DOM, terlebih dahulu pelajari materi tentang: Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM [klik], Mengatur Objek Video HTML Menggunakan Video Object DOM [klik], dan Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik].

Sintak:
videoObject.load()

Berikut program ilustrasi penggunaan method Video load().

Baca Juga:

Contoh: perubahan sumber video dan reload video.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Video load( ) DOM 

pada HTML

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style="color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Video load method

</h2>

 

<br>

 

<video 

id="Test_Video"

width="360"

height="240"

controls>

 

<source 

id="mp4_source"

src="sample2.mp4"

type="video/mp4">

 

<source 

id="ogg_source"

src="sample2.ogg"

type="video/ogg">

</video>

 

<p>

Untuk mengubah sumber dari 

video dan re-load, lakukan 

double klik pada tombol 

"Change Source".

</p>

 

<br>

 

<button 

ondblclick="My_Video()">

Change Source

</button>

 

<script>

function My_Video() 

{

document.getElementById("mp4_source").src =

"samplevideo.mp4";

 

document.getElementById("ogg_source").src =

"samplevideo.ogg";

 

document.getElementById("Test_Video").load();

}

</script>

 

</body>

 

</html>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Risma Aulia Atiqa, Rizaldy Arji Pangestu, Rizqy Cahya Putra Laksana, Rona Septianti, dan Ronita Aulia Marshella.

5 komentar untuk "Memutar Video HTML Menggunakan Load DOM"

  1. Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti Video Load DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti Video Load DOM pada HTML:
      > Google Chrome
      > Internet Explorer
      > Firefox
      > Opera
      > Apple Safari

      Hapus
  2. Apa yang dimaksud dengan method load() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method load() DOM pada HTML merupakan method yang digunakan untuk memuat ulang elemen video.

      Hapus
    2. Method load() DOM pada HTML adalah method yang digunakan untuk memperbarui elemen video setelah mengubah sumber atau pengaturan lainnya yang ada pada file video atau browser.

      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 -