Lompat ke konten Lompat ke sidebar Lompat ke footer

Memainkan Video pada HTML Menggunakan Play VIDEO DOM

Properti Video play() DOM pada HTML merupakan properti yang digunakan untuk memulai video agar dimainkan. Untuk menggunakan properti Video play() seseorang harus menggunakan properti kontrol untuk menampilkan kontrol video seperti play, pause, seeking, volume, dan lain sebagainya.

Penggunaan Properti play() VIDEO DOM pada HTML
Properti Play Video DOM

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

Sintak:
videoObject.play()

Catatan: properti Video play() tidak menerima jenis parameter apapun dan tidak mengembalikan nilai apapun pada dokumen HTML.

Berikut program ilustrasi penggunaan properti Video play().

Baca Juga:

Contoh: memainkan sebuah video dengan tombol play.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Video play( ) DOM 

pada HTML

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style="color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Video play() DOM

</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 memainkan video, lakukan 

double klik pada tombol "Play 

Video".

</p>

 

<br>

 

<button 

ondblclick="My_Video()"

type="button">

Play Video

</button>

 

<script>

var v =

document.getElementById("Test_Video");

 

function My_Video() {

v.play();

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Video play() DOM


Untuk memainkan video, lakukan double klik pada tombol "Play Video".



Artikel ini didedikasikan kepada: Rizaldy Arji Pangestu, Rizqy Cahya Putra Laksana, Rona Septianti, Ronita Aulia Marshella, dan Safira Alya Fafaza.

5 komentar untuk "Memainkan Video pada HTML Menggunakan Play VIDEO DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti video play DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser yang biasa digunakan untuk mengaktifkan properti video play DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

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

    BalasHapus
    Balasan
    1. Method play() DOM pada HTML merupakan method yang digunakan untuk melakukan pemutaran file audio atau video yang saat ini sedang dijadikan sumber file pada browser.

      Hapus
    2. Method PLAY HTML digunakan untuk memutar video saat ini pada browser. Method PLAY juga biasa digunakan bersamaan dengan method PAUSE.

      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 -