【问题标题】:Seeking in HTML 5 video on safari / iOS在 safari / iOS 上寻找 HTML 5 视频
【发布时间】:2011-12-27 08:10:29
【问题描述】:

我有一个视频元素,一个 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 也一样(使用正确的 edgecast 配置)。

我做错了什么,在这里?

【问题讨论】:

  • 如何对 .mp4 视频进行编码?

标签: ios html video safari


【解决方案1】:
  http://www.inwebson.com/html5/custom-html5-video-controls-with-jquery/

快进、慢动作和倒带控制

是的,HTML5 视频支持改变播放速度。我们可以通过改变video的playbackrate属性来改变视频的播放速度。

<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/

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2021-06-06
  • 1970-01-01
  • 2011-10-12
  • 2021-03-06
  • 2013-01-04
  • 1970-01-01
  • 1970-01-01
  • 2017-09-03
相关资源
最近更新 更多