Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Memutar Video HTML Menggunakan Load DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.

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, Mengatur Objek Video HTML Menggunakan Video Object DOM, dan Mengatur Objek Suara HTML Menggunakan Audio Object DOM.

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.
Location: Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Memutar Video HTML Menggunakan Load DOM"

  1. AnonimJumat, 28 Oktober 2022 pukul 22.45.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimJumat, 28 Oktober 2022 pukul 22.45.00 WIB

      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. AnonimSenin, 12 Desember 2022 pukul 20.57.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimSenin, 12 Desember 2022 pukul 20.57.00 WIB

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

      Hapus
    2. AnonimSenin, 12 Desember 2022 pukul 20.58.00 WIB

      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 -