Mengatur Media Group HTML Menggunakan Video mediaGroup DOM
 |
| Properti mediaGroup DOM pada HTML |
Sintak:
- Mengembalikan properti mediaGroup: videoObject.mediaGroup
- Mengatur properti mediaGroup: videoObject.mediaGroup = group
Property Values:
- group: digunakan untuk menentukan media group dari video.
Contoh: Pengaturan video menjadi loop.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video mediaGroup 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 mediaGroup
</h2>
<br>
<video
id="Test_Video1"
width="360"
height="240"
controls>
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<video
id="Test_Video2"
width="360"
height="240"
controls>
<source
src="sample2.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Untuk mengatur media group
dari video, lakukan double
klik pada tombol "Set
mediaGroup".
</p>
<p>
Untuk mengembalikan mediaGroup
dari video, lakukan double
klik pada tombol "Return
mediaGroup".
</p>
<button
ondblclick="set()"
type="button">
Set mediaGroup
</button>
<button
ondblclick="get()"
type="button">
Return mediaGroup
</button>
<script>
var v1 = document.getElementById(
"Test_Video1");
var v2 = document.getElementById(
"Test_Video2");
function set()
{
v1.mediaGroup = "Heap Sort";
v2.mediaGroup = "Quick Sort";
}
function get()
{
alert("Media group of Video 1 is : "
+ v1.mediaGroup
+ ". Media group of Video 2 is : "
+ v2.mediaGroup);
}
</script>
</body>
</html>
- Properti Video Played DOM pada HTML Beserta Fungsinya [klik]
- Properti Video Preload HTML DOM dan Fungsinya [klik]
- Properti readyState Video HTML DOM dan Fungsinya [klik]
- Mencari Rentang Video HTML Menggunakan Seekable DOM [klik]
- Pencarian Video HTML Menggunakan Properti Seeking DOM [klik]
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM [klik]
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM [klik]
Jenis browser apa saja yang dapat digunakan oleh naufal qintara untuk mengaktifkan properti mediaGroup DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Naufal Qintara untuk mengaktifkan properti mediaGroup DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Apple Safari
Apa yang dimaksud dengan properti mediaGroup DOM pada HTML?
BalasHapusProperti mediaGroup DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai dari nama grup media tempat atau lokasi media audio atau video menjadi bagian dari grup media tersebut.
HapusProperti groupMedia memungkinkan dua atau lebih elemen audio dan video untuk tetap disinkronkan.
Hapus