Question

我有一个视频元素，一个mp4，我在iOS的<video>标签中加载。它看起来像这样：

<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一样正常寻找（正确配置边缘广播）。

我做错了什么，这里？

Answer 1

  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/

在safari / iOS上寻找HTML 5视频

1 个答案: