DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM

Properti Video playbackRate DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai kecepatan playback saat ini dari file video.

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.


Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM
Properti playbackRate DOM HTML

Baca Juga:

Berikut adalah ilustrasi program dari properti video playbackRate DOM pada HTML.

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>

Output:

Blog Elfan

Properti Video PlaybackRate


Untuk mengembalikan nilai kecepatan playback dari video, lakukan double klik pada tombol "Return Playback Speed".

Untuk mengubah nilai kecepatan playback dari video default, lakukan double klik pada tombol "Change Playback Speed".

Komentar

  1. Jenis browser seperti apa saja yang dapat digunakan oleh om Bambang untuk mengaktifkan properti playbackRate DOM pada HTML?

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

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

    BalasHapus
    Balasan
    1. Properti playbackRate DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai kecepatan pemutaran video saat ini.

      Hapus
    2. Properti playbackRate DOM pada HTML adalah properti yang digunakan untuk menetapkan tingkat pemutaran media.

      Hapus

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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas