Как вручную зациклить видео html5 в iOS 4.3 / 5?

Question

У меня есть видео, в котором есть определенные сегменты, которые нужно зациклить.Моя проблема в том, что в iOS 5 после третьего обновления videoElem.currentTime мобильное сафари перестает обновлять этот атрибут.

В iOS 4.3 оно перестает работать с перерывами.Что приводит к поломке currentTime и какие обходные пути?

Кстати, я попытался установить currentTime для плавающих с одним десятичным знаком, и я попытался установить его> 0.Ни один из них не принес успеха.

Пример кода:

window.setInterval(startTimer, 50); //ms

// function to begin the timer
var frameNum = 0;
function startTimer() {

  frameNum++;

  if (frameNum % 5 === 0)
  {
    console.log(videoElem.currentTime);
  }

  if (videoElem.currentTime >= 7) {
    videoElem.currentTime = 1;
    videoElem.play();
  }
}

Answer 1

Добавьте следующий обработчик событий в JavaScript ( Источник ):

ОБНОВЛЕНИЕ: Воспроизведение 1 - 7 секунд в бесконечном цикле

function restartVideo(){
    videoElem.currentTime = 0.1; //setting to zero breaks iOS 3.2, the value won't update, values smaller than 0.1 was causing bug as well.
    videoElem.play();
}
function videoTick(){
    if(videoElem.currentTime > 7) {
        restartVideo();
    }
}

// check progress every 1 second
window.setInterval(videoTick, 1000);

См. Демонстрационную ссылку в iDevice: http://raptor.hk/dev/video.html

ОБНОВЛЕНИЕ 2: Удалены элементы управления видео для видео в демонстрационной ссылке.Все еще работает в iOS.