Bagaimana cara mengubah kecepatan putar video di HTML5?

Jawaban:

200

Menurut situs ini , ini didukung dalam atribut playbackRatedan defaultPlaybackRate, dapat diakses melalui DOM. Contoh:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

Di atas berfungsi di Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

Jeremy Visser
sumber
1
Terima kasih atas sumber daya yang membantu. Meskipun Firefox tidak mendukung atribut, saya telah membuat demo di Chrome yang berfungsi dengan baik. Saya rasa bos saya akan menyukainya. Terima kasih!
Muda
4
playbackRate berfungsi di Firefox sejak versi 20 . Ini juga berfungsi di Chrome.
Janus Troelsen
2
ini berfungsi saat dijalankan di awal, tetapi tidak jika dijalankan nanti dalam proses, seperti di: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2
ini tidak berfungsi untuk android Ionic ... Saya menggunakan pemutar video HTML% dalam kerangka ionik untuk android tetapi tidak mendukung kecepatan pemutaran .........
Dinesh R Rajput
1
@Sushan .querySelectormengembalikan yang pertama cocok. Anda dapat menggunakan .querySelectorAll, tetapi Anda perlu mengulanginya alih-alih langsung menggunakan kode dalam jawaban ini.
leewz
52

Ketik saja

document.querySelector('video').playbackRate = 1.25;

di konsol JS browser modern Anda.

Andrey Panasyuk
sumber
Beberapa atribut elemen video akan mencegah perintah ini bekerja. Jika perintah konsol ini gagal, periksa atribut pada elemen video dan elemen induk di inspektur dan hapus yang memblokir interaksi pengguna dengan video. Coba lagi perintahnya.
Christopher Harwood
0

Anda dapat menggunakan kode ini:

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}
Abdul Quadir
sumber
Hai @Armel, bolehkah saya tahu di mana harus meletakkan kode ini jika saya menggunakan Selenium dengan Python?
balandongiv
Hai @balandongiv, maaf saya tidak tahu :(
Armel
-1 
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

Anda dapat memasukkan nomor apa pun di sini, jangan terlalu jauh sehingga Anda tidak membanjiri komputer Anda.

Mattyduke1
sumber