Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan URL Video HTML Menggunakan Properti SRC DOM

Properti Video src DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai dari atribut src dari sebuah video. Secara umum atribut src digunakan untuk menentukan lokasi atau URL dari file video.

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.

Baca Juga:

Berikut adalah ilustrasi program yang menggunakan properti video src.

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".

Artikel ini didedikasikan kepada: Aditya Christiawan, Afip Ridwan Riyado, Agung Prayetno, Ahmad Roqib Alfarisi, dan Ahmad Yanuar Al Hakim.

5 komentar untuk "Mendapatkan URL Video HTML Menggunakan Properti SRC DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh pak Haryana untuk mengaktifkan properti src DOM pada HTML?

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

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

    BalasHapus
    Balasan
    1. Properti src merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai atribut src dari suatu media atau sumber file.

      Hapus
    2. Properti 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

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 -