Question

我的视频中包含某些需要循环播放的片段。我的问题是，在iOS 5上，我第三次更新videoElem.currentTime后，移动版Safari会停止更新该属性。

在iOS 4.3上，似乎间歇性地停止工作。导致currentTime崩溃的原因是什么？解决方法是什么？

顺便说一下，我已经尝试将currentTime设置为只有一个十进制和＆amp;的浮点数。我试图将其设置为＆gt; 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（Source）中添加以下事件侦听器：

更新：在无限循环中播放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中工作。

如何在iOS 4.3 / 5中手动循环播放html5视频？

1 个答案: