HTML5'te videoların oynatma hızı nasıl değiştirilir?

124

HTML5'te video oynatma hızı nasıl değiştirilir? W3school'da video etiketinin özniteliklerini kontrol ettim ancak buna yaklaşamadım, herhangi bir yardım memnuniyetle karşılanacaktır!

— Genç
kaynak

201

Bu siteye göre , bu, DOM aracılığıyla erişilebilen playbackRateve defaultPlaybackRateözelliklerinde desteklenmektedir . Misal:

/* 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;

Yukarıdakiler Chrome 43+, Firefox 20+, IE 9+, Edge 12+ üzerinde çalışır .

— Jeremy Visser
kaynak

1

Yardımcı kaynak için teşekkürler.Firefox özelliği desteklemese de Chrome'da iyi çalışan bir demo yaptım.Sanırım patronum bundan hoşlanacak.Teşekkür ederiz!

— Genç

4

playbackRate , Firefox'ta sürüm 20'den beri çalışıyor . Ayrıca Chrome'da da çalışır.

— Janus Troelsen

2

bu, başlangıçta çalıştırıldığında çalışır, ancak işlemin sonraki aşamalarında çalıştırıldığında işe yaramaz, örneğin: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video")

— .play

Ionic android için çalışmıyor ... Android için iyonik çerçevede HTML% video oynatıcı kullanıyorum ancak oynatma oranlarını desteklemiyor .........

— Dinesh R Rajput

1

@Sushan .querySelectorilk eşleşen olanı döndürür. Kullanabilirsiniz .querySelectorAll, ancak bu yanıtlardaki kodu doğrudan kullanmak yerine bunları yinelemeniz gerekir.

— leewz

52

Sadece yaz

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

modern tarayıcınızın JS konsolunda.

— Andrey Panasyuk
kaynak

Video öğesinin bazı özellikleri bu komutun çalışmasını engelleyecektir. Bu konsol komutu başarısız olursa denetçideki video öğesi ve üst öğelerdeki öznitelikleri kontrol edin ve kullanıcının videoyla etkileşimini engelleyenleri kaldırın. Komutu tekrar deneyin.

— Christopher Harwood

0

Bu kodu kullanabilirsiniz:

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

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

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

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

— Abdul Quadir
kaynak

Merhaba @Armel, Selenium'u Python ile kullanıyorsam bu kodu nereye koyacağımı öğrenebilir miyim?

— balandongiv

Merhaba @balandongiv, üzgünüm bilmiyorum :(

— Armel

-1

javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

Buraya herhangi bir sayı koyabilirsiniz, sadece uzağa gitmeyin, böylece bilgisayarınızı aşmazsınız.

— Mattyduke1
kaynak