ios - 在 safari/iOS 上寻找 HTML 5 视频

标签 ios html video safari

我有一个视频元素,一个 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 配置)。

我在这里做错了什么?

最佳答案

  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 还不支持 playbackrate 属性。但部分用于 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/

关于ios - 在 safari/iOS 上寻找 HTML 5 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8099808/

相关文章:

iOS : how to programmatically auto layout a horizontal table view?

html - 关于 HTML 属性或 CSS 样式的最佳实践是什么

node.js - NodeJS 视频流实时转码

html - 无法让文本环绕圆形图像

.net - Adobe Flash Media Encoder 和 WPF MediaElement

video - 推荐用于视频编码的最佳质量/性能 H264 编码器?

ios - 控制标记的信息窗口

ios - Xamarin 表格 : Search arrow is not available on ios soft keyboard

ios - 点击其他节标题时重新加载节标题

javascript - 有没有办法在Python中从浏览器获取当前的HTML?