Поиск в HTML 5 видео на сафари / iOS - PullRequest
3 голосов
/ 12 ноября 2011

У меня есть элемент видео, mp4, который я загружаю в тег <video> для iOS.Это выглядит так:

<video width="640" height="360" controls="true" autoplay="false" tabindex="0" id="player"
src="http://wpc.xxxx.edgecastcdn.net/blahblah/movie.mp4">
</video>

Это загружается и играет просто отлично.Проблема в том, что я не могу искать вперед в этом видео;ни Safari, ни iOS, похоже, не могут этого сделать.Chrome будет искать просто отлично, как и jwplayer (с правильной конфигурацией для edgecast).

Что я здесь не так делаю?

1 Ответ

0 голосов
/ 05 апреля 2013
  http://www.inwebson.com/html5/custom-html5-video-controls-with-jquery/

Элементы управления ускоренной перемоткой вперед, медленным движением и перемоткой назад

Да, видео HTML5 поддерживает изменение скорости воспроизведения.Мы можем изменить скорость воспроизведения видео, изменив атрибут воспроизведения видео.

<div class="control">
<a href="#" class="ff">Fast Forward</a>
<a href="#" class="rw">Rewind</a>
<a href="#" class="sl">Slow Motion</a>
</div>

К сожалению, Firefox пока не поддерживает атрибут воспроизведения.Но частично для Chrome (не поддерживает отрицательное значение, которое перематывается).Пока полностью поддерживается только Safari.

//Fast forward control
 $('.ff').on('click', function() {
 video[0].playbackrate = 3;
 return false;
 });

 //Rewind control
 $('.rw').on('click', function() {
 video[0].playbackrate = -3;
 return false;
 });

 //Slow motion control
  $('.sl').on('click', function() {
  video[0].playbackrate = 0.5;
  return false;
  });


     http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-3-rewindfast-forward
       http://blogfreakz.com/html5/html5-video-players/
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...