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

124

Как изменить скорость воспроизведения видео в HTML5? Я проверил атрибуты видео тега в w3school, но не смог подойти к этому. Любая помощь приветствуется!

— молодой
источник

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;

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

— Mattyduke1
источник