Mendapatkan Nilai Durasi Video HTML Properti Duration DOM
Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Durasi Video HTML Properti Duration DOM, terlebih dahulu pelajari materi tentang: Mengatur Kecepatan Playback Video HTML defaultPlaybackRate DOM, Mengatur Muted Video HTML Menggunakan defaultMuted DOM, dan Mengatur Playback HTML Video Menggunakan Properti currentTime DOM.
Sintak: videoObject.duration
Contoh: mendapatkan nilai length dari video.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video duration DOM
HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Video Duration
</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
length dari video, lakukan
double klik pada tombol
"Return Length".
</p>
<button
ondblclick="My_Video()"
type="button">
Return length
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v =
document.getElementById(
"Test_Video").duration;
document.getElementById(
"test").innerHTML = v;
}
</script>
</body>
</html>
- Properti networkState DOM HTML dan Fungsinya
- Menjeda Video HTML Menggunakan Properti Paused DOM
- Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM
- Properti Video Played DOM pada HTML Beserta Fungsinya
- Properti Video Preload HTML DOM dan Fungsinya
- Properti readyState Video HTML DOM dan Fungsinya
- Mencari Rentang Video HTML Menggunakan Seekable DOM
5 komentar untuk "Mendapatkan Nilai Durasi Video HTML Properti Duration 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 Cima Cimi Slami untuk mengaktifkan properti video duration DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Cima Cimi Slami untuk mengaktifkan properti video duration DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti duration DOM pada HTML?
BalasHapusProperti duration atau properti durasi merupakan properti yang digunakan untuk mengembalikan nilai durasi video, dalam hitungan detik.
HapusPenggunana nilai properti duration pada jenis browser yang berbeda akan mengembalikan nilai yang berbeda pula. Contoh, pada browser Internet Explorer, Firefox, dan Chrome akan mengembalikan nilai sebesar 12.612, pada browser Safari akan mengembalikan nilai sebesar "12.612000465393066", pada browser Opera akan mengembalikan nilai sebesar "12.585215419", sedangkan ada browser Opera 18 akan mengembalikan nilai sebesar "12.62069".
Hapus