Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM
Sebelum memahami lebih dalam materi tentang Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM, terlebih dahulu pelajari materi tentang: Menjeda Video HTML Menggunakan Properti Paused DOM [klik], Properti networkState DOM HTML dan Fungsinya [klik], dan Mematikan Suara Video HTML Menggunakan Properti Muted DOM [klik].
Sintak:
- Berfungsi untuk mengembalikan nilai properti video playbackRate: videoObject.playbackRate
- Berfungsi untuk mengatur nilai properti video playbackRate: videoObject.playbackRate = playbackspeed
Property Values: mengandung nilai tunggal dari playbackSpeed yang ditentukan secara default dari file video.
Pilihan yang tersedia dari properti playbackRate adalah:
- 1.0 untuk kecepatan normal.
- 0.5 untuk kecepatan setengah normal.
- 2.0 untuk kecepatan double.
- -1.0 untuk kecepatan norma, namun berkebalikan.
- -0.5 untuk kecepatan setengah, namun berkebalikan.
Return Values: berfungsi untuk mengembalikan sebuah nilai yang merepresentasikan nilai kecepatan playback saat ini.
Contoh: pengaturan nilai kecepatan video yang sedang dimainkan menjadi double.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video playbackRate
DOM pada HTML
</title>
</head>
<body
style="text-align:center;">
<h1
style="color:greenl">
Blog Elfan
</h1>
<h2
style="font-family: Impact;">
Properti Video PlaybackRate
</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
kecepatan playback dari video,
lakukan double klik pada
tombol "Return Playback
Speed".
</p>
<button
ondblclick="My_VideoRate()"
type="button">
Return Playback Speed
</button>
<p>
Untuk mengubah nilai kecepatan
playback dari video default,
lakukan double klik pada
tombol "Change Playback
Speed".
</p>
<button
ondblclick="Set_VideoRate()"
type="button">
Change Playback Speed
</button>
<script>
var v = document.getElementById("Test_Video");
function My_VideoRate()
{
alert(v.playbackRate);
}
function Set_VideoRate()
{
v.playbackRate = 2;
}
</script>
</body>
</html>
- Pencarian Video HTML Menggunakan Properti Seeking DOM [klik]
- Mendapatkan URL Video HTML Menggunakan Properti SRC DOM [klik]
- Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM [klik]
- Properti textTracks HTML DOM Beserta Fungsinya [klik]
- Mendapatkan Track Video HTML Menggunakan videoTracks DOM [klik]
- Membuat Persamaan Matematika HTML Menggunakan MathML DOM [klik]
- Properti Maction MathML HTML5 Beserta Fungsinya [klik]
5 komentar untuk "Mengatur Kecepatan Video HTML Menggunakan playbackRate 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 seperti apa saja yang dapat digunakan oleh om Bambang untuk mengaktifkan properti playbackRate DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh om Bambang untuk mengaktifkan properti playbackRate DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer 9.0
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti video playbackRate DOM pada HTML?
BalasHapusProperti playbackRate DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai kecepatan pemutaran video saat ini.
HapusProperti playbackRate DOM pada HTML adalah properti yang digunakan untuk menetapkan tingkat pemutaran media.
Hapus