Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM

Properti Video currentSrc DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai URL dari video saat ini. Properti Video currentSrc DOM HTML merupakan properti yang akan mengembalikan string kosong jika tidak terdapat video yang telah ditentukan sebelumnya. Properti Video currentSrc DOM HTML adalah properti yang bersifat read-only.

Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM
Properti currentSrc DOM pada HTML

Sebelum memahami lebih dalam materi tentang Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM, terlebih dahulu pelajari materi tentang: Menampilkan Kontrol Video HTML Menggunakan Controls DOM [klik], Mendapatkan Waktu Jangkauan Video HTML Properti Buffered DOM [klik], dan Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM [klik].

Sintak:
videoObject.currentSrc

Baca Juga:

Berikut adalah ilustrasi program dari penggunaan properti Video currentSrc DOM pada HTML.

Contoh: mendapatkan nilai URL dari video saat ini.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Video currentSrc 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 currentSrc

</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 mendapatkan URL video, 

lakukan double klik pada 

tombol "Return URL".

</p>

 

<button 

ondblclick="My_Video()"

type="button">

Return URL

</button>

 

<p id="test"></p>

 

<script>

function My_Video() 

{

var v =

document.getElementById(

"Test_Video").currentSrc;

 

document.getElementById("test").innerHTML = v;

}

</script>

 

</body>

 

</html>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Vera Yolanda, Wahyuni Dwi Pertiwi, Wanadya Ayu Duta Kinasih, Wardani Trihandini, dan Yanwar Widiyanto.

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

  1. Jenis browser apa saja yang dapat digunakan oleh Saitama untuk mengaktifkan properti currentSRC DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Saitama untuk mengaktifkan properti currentSrc DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

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

    BalasHapus
    Balasan
    1. Properti currentSrc DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai URL Vido Saat ini.

      Hapus
    2. Properti currentSrc DOMp ada HTML akan mengembalikan nilai string kosong jika file atau media video yang disetel tidak ada.

      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 -