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

Согласно this site, это поддерживается в атрибутах playbackRate и defaultPlaybackRate, доступных через DOM. Но это не работает на мобильном телефоне. Пример:Как изменить скорость воспроизведения видео в HTML5 на мобильном?

<!DOCTYPE html> 

<video id="my-video" src="chubby-bubbies.ogv" ...></video> 

<script type="text/javascript"> 
    /* play video twice as fast */ 
    document.getElementById("my-video").defaultPlaybackRate = 2.0; 
    document.getElementById("my-video").play(); 

    /* now play three times as fast just for the heck of it */ 
    document.getElementById("my-video").playbackRate = 3.0; 
</script>

Вышеуказанные работы на Chrome, а также Firefox 20 and above на рабочем столе.

источник

2016-02-14 Rajesh Kanna

Я думаю, что это связано с ограничениями относительно html-видео на мобильных устройствах. Вы не можете управлять элементом видео до тех пор, пока пользователь не нажмет на воспроизведение видео. Вы не можете заставить видео начать играть через JS. – magreenberg

Ответ прост, что мобильный Chrome (Android) не поддерживает playbackRate изменяет даже то этот сайт говорит, что это делает: https://developer.mozilla.org/en/docs/Web/API/HTMLMediaElement#AutoCompatibilityTable

Это реального браузер поддерживается playbackRate изменения на мобильном телефоне:

Chrome 20+ ✔
Firefox 20+ ✔
IE 9+ ✔
Safari 6+ ✔
Opera 15+ ✔
Mobile Chrome (Android) ✖
Мобильный Firefox 24+ ✔
IE Mobile ✖
Mobile Safari 6+ (IOS) ✔
Opera Мобильный ✖

Я создал веб-сайт и протестировал его на первом добавив следующее в web.config-файл:

<system.webServer> 
    <staticContent> 
      <mimeMap fileExtension=".mp4" mimeType="video/mp4"/> 
    </staticContent> 
</system.webServer>

Тогда я загрузил простое видео на мой сайт и загрузил его на Azure для тестирования в различных браузерах: http://pandasneezy.azurewebsites.net/

Я предлагаю вам использовать Mobile Firefox 24+, и он должен работать нормально с : document.getElementById("my-video").playbackRate = 3.0;

источник

2016-02-14 07:17:31

В режиме firefox HTML5 скорость воспроизведения видео работает. Любая идея, как настроить скорость воспроизведения встроенного видео в YouTube. Я пробовал с javascript API youtube, но он не работает на firefox и chrome. –

Взгляните на это: http://stackoverflow.com/questions/22604934/html5-increase-youtube-speed-2x-from-url –

Я проверил это. 'player.setPlaybackRate (2);' не работает на мобильных хром/firefox. Он по-прежнему играет на скорости 1x –

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

ответ

Смежные вопросы