Mendapatkan URL Video HTML Menggunakan Properti SRC DOM
![]() |
Properti Src DOM pada HTML |
Sintak:
- Mengembalikan nilai properti src: videoObject.src
- Mengatur properti src: videoObject.src = URL
Property Values:
- URL: Digunakan untuk menentukan nilai URL dari file video.
Dua nilai yang mungkin digunakan pada properti values SRC.:
- Absolute URL: Menuju ke halaman web lainnya.
- Relative URL: Menuju ke file lainnya pada halaman web yang sama.
Return Values: Properti Video src berfungsi untuk mengembalikan sebuah string yang merepresentasikan nilai URL dari sebuah file video. Properti src berfungsi untuk mengembalikan keseluruhan nilai URL, termasuk juga nilai protokol.
Contoh: mengubah nilai URL dari sebuah video.
<!DOCTYPE html>
<html>
<head>
<title>
Properti DOM Video src pada
HTML
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video SRC
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls
src="sample video.ogg">
</video>
<p id="test">
Untuk mengubah nilai URL dari
video, lakukan double klik
pada tombol "Change URL".
<br>
<button ondblclick="My_Video()">
Change URL
</button>
</p>
<script>
var v = document.getElementById("Test_Video");
function My_Video()
{
isSupp = v.canPlayType("video/mp4");
if (isSupp == "") {v.src = "sample2.ogg";}
else {v.src = "sample2.mp4";}
v.load();
document.getElementById("test").innerHTML =
"Makan nasi padang";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Video SRC
Untuk mengubah nilai URL dari video, lakukan double klik pada tombol "Change URL".
- Properti Maction MathML HTML5 Beserta Fungsinya [klik]
- Properti Menclose MathML HTML Beserta Fungsinya [klik]
- Properti Merror MathML HTML Beserta Fungsinya [klik]
- Properti Mfenced MathML HTML5 Beserta Fungsinya [klik]
- Menambah Simbol Pecahan Matematika Menggunakan Mfrac MathML HTML5 [klik]
- Properti Mglyph MathML HTML5 Beserta Fungsinya [klik]
- Properti MI MathML HTML5 Beserta Fungsinya [klik]
Jenis browser apa saja yang dapat digunakan oleh pak Haryana untuk mengaktifkan properti src DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh pak Haryana untuk mengaktifkan properti src DOM pada HTML:
Hapus- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Apple Safari
Apa yang dimaksud dengan properti SRC DOM pada HTML?
BalasHapusProperti src merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai atribut src dari suatu media atau sumber file.
HapusProperti src dapat dibuat kapan saja. Namun, nilai file atau media baru akan mewarisi nilai atribut sebelumnya, jika tidak dilakukan prubahan pengaturnan dari nilai properti baru.
Hapus