Як змінити швидкість відтворення відео в HTML5?

124

Як змінити швидкість відтворення відео в HTML5? Я перевірив атрибути відео тегів у w3school, але не міг наблизитися до цього. Будь-яка допомога буде вдячна!

— Молоді
джерело

200

Згідно цього сайту , це підтримується в 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, яка працює чудово. Думаю, мій начальник сподобається це. Дякую!

— Молодий

4

playbackRate працює у 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% відеоплеєр в іонному фреймворку для android, але він не підтримує коефіцієнти відтворення .........

— Dinesh R Rajput

1

@Sushan .querySelectorповертає першу відповідну. Ви можете використовувати .querySelectorAll, але вам потрібно повторити їх, а не безпосередньо використовувати код у цих відповідях.

— leewz

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, вибачте, я не знаю :(

— Армель

-1

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

Ви можете поставити будь-яке число тут, просто не заходьте далеко, щоб не перевантажувати комп’ютер.

— Mattyduke1
джерело