Mendapatkan URL Video HTML Menggunakan Properti SRC DOM
Sebelum memahami lebih dalam materi tentang Mendapatkan URL Video HTML Menggunakan Properti SRC DOM, terlebih dahulu pelajari materi tentang: Pencarian Video HTML Menggunakan Properti Seeking DOM, Mencari Rentang Video HTML Menggunakan Seekable DOM, dan Properti readyState Video HTML DOM dan Fungsinya.
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
- Properti Menclose MathML HTML Beserta Fungsinya
- Properti Merror MathML HTML Beserta Fungsinya
- Properti Mfenced MathML HTML5 Beserta Fungsinya
- Menambah Simbol Pecahan Matematika Menggunakan Mfrac MathML HTML5
- Properti Mglyph MathML HTML5 Beserta Fungsinya
- Properti MI MathML HTML5 Beserta Fungsinya
5 komentar untuk "Mendapatkan URL Video HTML Menggunakan Properti SRC DOM"
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 -
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