DAFTAR LABEL POPULER PENELITIAN.ID
DAFTAR LABEL POPULER PENELITIAN.ID
Jangan Buka Artikel Ini!
DAFTAR ARSIP POSTING PENELITIAN.ID
DAFTAR ARSIP POSTING PENELITIAN.ID
Menampilkan Kontrol Video HTML Menggunakan Controls DOM
- Dapatkan link
- Aplikasi Lainnya
Properti video controls termasuk diantaranya adalah:
- Play
- Pause
- Volume
- Fullscreen Mode
- Seeking
- Captions/Subtitles
- Track
Sintak:
- Mengembalikan nilai properti controls: videoObject.controls
- Mengatur nilai properti controls: videoObject.controls = true | false
Property Values:
- true atau false: digunakan untuk menentukan apakah video harus menampilkan kontrol standar atau tidak.
Return Values: berfungsi untuk mengembalikan nilai boolean, dimana video akan menampilkan kontrol standar jika nilai true, sebaliknya tidak akan menampilkan kontrol standar pada video jika bernilai false.
Contoh: Menampilkan kontrol standar pada file video HTML.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video controls 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 Controls
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240">
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Mengatur kontrol video menjadi
enable, lakukan double klik
pada tombol "Enable Controls".
</p>
<button
ondblclick="My_Video()"
type="button">
Enable Controls
</button>
<p id="test"></p>
<script>
function My_Video()
{
document.getElementById(
"Test_Video").controls = true;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Video Controls
Mengatur kontrol video menjadi enable, lakukan double klik pada tombol "Enable Controls".
- Mendapatkan Nilai Durasi Video HTML Menggunakan Properti Duration DOM [klik]
- Properti Video Ended HTML DOM beserta Fungsinya [klik]
- Memutar Ulang Video HTML Secara Otomatis Menggunakan Properti Loop DOM [klik]
- Mengatur Media Group HTML Menggunakan Video mediaGroup DOM [klik]
- Mematikan Suara Video HTML Menggunakan Properti Muted DOM [klik]
- Properti networkState DOM HTML dan Fungsinya [klik]
- Menjeda Video HTML Menggunakan Properti Paused DOM [klik]
- Dapatkan link
- Aplikasi Lainnya
Komentar
Posting Komentar
Hubungi admin melalui Wa : +62-896-2514-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 ~
Jenis browser seperti apa yang dapat digunakan oleh general Z untuk mengaktifkan properti Video Controls DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh general Z untuk mengaktifkan properti Video Controls DOM pada HTML:
Hapus001. Google Chrome
002. Internet Explorer
003. Firefox
004. Opera
005. Apple Safari
Apa yang dimaksud dengan properti controls DOM pada HTML?
BalasHapusProperti controls DOM pada HTML merupakan properti yang digunakan untuk mengatur atau menampilkan apakah suatu browser harus menampilkan kontrol media standar atau tidak.
HapusProperti kontrol DOM pada HTML berfungsi untuk mengatur atau menampilkan apakah suatu media berupa video atau audio harus menampilkan kontrol video standar.
Hapus