Как изменить скорость воспроизведения видео в HTML5?


Ответы:


201

Согласно этому сайту , это поддерживается в playbackRateи defaultPlaybackRateатрибутах, доступный через DOM. Пример:

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

Вышеуказанное работает в Chrome 43+, Firefox 20+, IE 9+, Edge 12+.


1
Спасибо за полезный ресурс. Хотя Firefox не поддерживает атрибут, который я сделал в демонстрационном приложении в Chrome, он отлично работает. Думаю, моему боссу это понравится. Спасибо!
Young

4
playRate работает в Firefox с версии 20 . Он также работает в Chrome.
Janus Troelsen

2
это работает при запуске в начале, но не при запуске позже в процессе, например: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2

он не работает для Ionic android ... Я использую видеопроигрыватель HTML% в ionic framework для Android, но он не поддерживает скорость воспроизведения .........
Динеш Р. Раджпут,

1
@Sushan .querySelectorвозвращает первый подходящий. Вы можете использовать .querySelectorAll, но вам нужно перебирать их, а не напрямую использовать код в этих ответах.
leewz 06

52

Просто введите

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

в консоли JS вашего современного браузера.


Некоторые атрибуты элемента видео будут препятствовать работе этой команды. Если эта консольная команда не работает, проверьте атрибуты на видеоэлементе и родительских элементах в инспекторе и удалите те, которые блокируют взаимодействие пользователя с видео. Попробуйте команду еще раз.
Кристофер Харвуд,

0

Вы можете использовать этот код:

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

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

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

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

Привет, @Armel, могу ли я узнать, где разместить этот код, если я использую Selenium с Python?
balandongiv

Привет @balandongiv, извините, я не знаю :(
Armel

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

вы можете указать здесь любое число, только не заходите слишком далеко, чтобы не перегружать свой компьютер.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.