我有一个视频元素,一个 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/