Lompat ke konten Lompat ke sidebar Lompat ke footer

Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM

Properti Video loop DOM pada HTML merupakan properti yang digunakan untuk mengaturan atau mengembalikan nilai video, apakah harus putar ulang kembali atau tidak, ketika pemutaran video telah selesai.

Memutar Ulang Video HTML Secara Otomatis Menggunakan Properti Loop DOM
Properti Loop DOM pada HTML

Sebelum memahami lebih dalam materi tentang Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM, terlebih dahulu pelajari materi tentang: Properti Video Ended HTML DOM beserta Fungsinya [klik], Mendapatkan Nilai Durasi Video HTML Properti Duration DOM [klik], dan Mengatur Kecepatan Playback Video HTML defaultPlaybackRate DOM [klik].

Sintak:
  • Mengembalikan nilai properti loop: videoObject.loop
  • Mengatur nilai properti loop: videoObject.loop = true | false

Property Values:
  • true atau false: digunakan untuk menentukan apakah sebuah video harus mulai dimainkan kembali atau tidak, setiap kali video tersebut selesai diputar. Secara default nilai dari properti ini akan diatur ke tipe false.

Return Values: sebuah video yang menggunakan properti loop akan mengembalikan nilai boolean true jika video ingin dimainkan kembali setelah pemutaran video selesai, sebaliknya akan mengembalikan nilai false jika video yang telah selesai diputar tidak ingin diputar kembali.

Baca Juga:

Berikut adalah ilustrasi program menggunakan properti video loop.

Contoh: pengaturan video untuk memutar kembali secara otomatis.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Video Loop DOM 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 Loop

</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 mengatur loop video 

menjadi enabling, lakukan 

double klik pada tombol 

"Enable Loop".

</p>

 

<p>

Untuk memerika status loop 

pada video, lakukan double klik pada tombol "Check Loop".

</p>

 

<button 

ondblclick="Enable_Loop()"

type="button">

Enable loop

</button>

 

<button 

ondblclick="Check_Loop()"

type="button">

Check Loop

</button>

 

<p id="test"></p>

 

<script>

var v = document.getElementById(

"Test_Video");

 

function Enable_Loop() 

{

v.loop = true;

v.load();

}

 

function Check_Loop() 

{

alert(v.loop);

}

</script>

 

</body>

 

</html>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Yoseph Ardianto, Yuliana Pratiwi, Yuni Fadlilah, Yunita Dwi Lestari, dan Zalfa Kholida.

6 komentar untuk "Memutar Ulang Video HTML Secara Otomatis Properti Loop DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan oleh Endang Soekamti untuk mengaktifkan properti video loop DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Endang Soekamti untuk mengaktifkan properti video loop DOM pada HTML:
      - Google Chrome
      - Internet Explorer
      - Firefox
      - Opera
      - Apple Safari

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

    BalasHapus
    Balasan
    1. Properti loop DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai video, apakah harus dilakukan pemutaran ulang atau tidak setelah video selesai diputar atau telah mencapai bagian durasi akhir dari video.

      Hapus
    2. Properti video loop DOM pada HTML merupakan properti yang mencerminkan nilai atribut loop VIDEO.

      Hapus
    3. Ketika nilai properti video loop DOM pada HTML diaktifkan, maka browser akan melakukan pemutaran ulang file video ketika video tersebut telah selesai dilakukan pemutaran, atau telah mencapai durasi akhir dari pemutaran.

      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 -