Properti Video Preload HTML DOM dan Fungsinya
 |
| Properti Preload DOM pada HTML |
Sintak:
- Mengembalikan nilai properti preload: videoObject.preload
- Mengatur properti preload: videoObject.preload = "auto | metadata | none"
Property Values:
- auto: digunakan untuk menentukan apakah browser harus melakukan load seluruh video ketika halaman juga melakukan loading.
- metadata: digunakan untuk menentukan apakah browser harus melakukan load meta data saja ketika halaman melakukan loading atau tidak.
- none: digunakan untuk menentukan apakah browser tidak harus melakukan loading ketika halaman melakukan loading.
Return Values: mengembalikan nilai sebuah string yang merepresentasikan data apakah harus dilakukan loading atau tidak. Nilai yang mungkin diberikan dari properti preload adalah "auto", "metadata", atau "none".
Contoh: mengembalikan nilai video preload.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Preload
</title>
</head>
<body
style="text-align:center">
<h1
style="color:green">
Blog Elan
</h1>
<h2
style="font-family: Impact">
Properti Video Preload
</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 mengembalikan nilai dari
atribut preload, lakukan
double klik pada tombol
"Return Preload Attribute".
</p>
<button
ondblclick="My_Video()"
type="button">
Return Preload Attribute
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById(
"Test_Video").preload;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Preload
</title>
</head>
<body
style="text-align:center">
<h1
style="color:green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video Preload
</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 nilai dari
atribut preload, lakukan
double klik pada tombol "Set
Preload Attribute".
</p>
<button
ondblclick="My_Video()"
type="button">
Set Preload Attribute
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById(
"Test_Video").preload="auto";
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM [klik]
- Properti textTracks HTML DOM Beserta Fungsinya [klik]
- Mendapatkan Track Video HTML Menggunakan videoTracks DOM [klik]
- Membuat Persamaan Matematika HTML Menggunakan MathML DOM [klik]
- Properti Maction MathML HTML5 Beserta Fungsinya [klik]
- Properti Menclose MathML HTML Beserta Fungsinya [klik]
- Properti Merror MathML HTML Beserta Fungsinya [klik]
Jenis browser apa yang dapat digunakan oleh Yusuf bin Najmuddin untuk mengaktifkan properti Video Preload DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Yusuf bin Najmuddin untuk mengaktifkan properti Preload DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Apple Safari
Apa yang dimaksud dengan properti preload DOM pada HTML?
BalasHapusProperti preload atau properti pramuat merupakan properi yang digunakan untuk mengatur atau mengembalikan nilai atribut video preload.
HapusAtribut preload merupakan atribut yang digunakan untuk menentukan apakah dan bagaimana user melakukan pengatur loading video ketika halaman html dimuat.
HapusAtribut preload memungkinkan user untuk memberikan petunjuk kepada browser tentang apa yang menurut user tersebut menjadi pengalaman terbaik ketika digunakan. Pada beberap kondisi browser penggunaan properti preload dapat diabaikan.
Hapus