HTML5视频 - 仅播放视频的一部分

时间:2012-04-16 12:56:48

标签: html5 video partial

是否有一些简单的技巧只能播放HTML5视频的某个部分?例如,在一个30秒的剪辑中,我想只播放5-20秒的部分。此外,视频的其余部分根本无法从用户界面访问(意味着视频时间轴应仅显示5-20秒部分)。

我一直在浏览一些HTML5视频播放器,但似乎没有一个支持这种功能。如果有人知道(好)实现此功能的方法,请给我一个提示。

提前致谢!

5 个答案:

答案 0 :(得分:2)

尽管这个问题已被标记为已回答,但您可能会感兴趣以及其他任何偶然发现的问题:Specifying playback range

它是Media Fragment API的一部分,目前适用于最新版本的Firefox,Chrome和Safari 6 +。

答案 1 :(得分:0)

你可以实现它在玩家中有一个Player.Play()事件,只要Play()调用启动一个计时器并在你想要的特定时间调用Player.stop()。

答案 2 :(得分:0)

我遇到了同样的问题而我找不到可以解决这个问题的东西,你可以做的是实现你自己的控件并用画布显示视频......

如果您尝试在IOS中实现此功能,则无法执行此操作。

答案 3 :(得分:0)

我的想法是使用自定义控件,因为我不相信本机可用的功能。可以通过javascript调用html5控件的所有功能(播放,暂停,在时间戳开始等)。在这种情况下,您将要编辑currentTime变量。

因此,您可能需要考虑设置自己的滑块,滑块的起点代表您的起点,结束您的终点。将视频设置为在页面加载时不播放。然后在页面加载有一个javascript函数将currentTime更改为您的起点。为了停止,你偶尔可以查询currentTime。我不会使用计时器,因为缓慢加载等延迟可能会将其丢弃。

答案 4 :(得分:0)

我正在尝试在“预览模式”中实现类似的视频。我正在利用上述方法,添加一个事件监听器,然后在currentTime()=='x'的帖子中暂停视频。为了防止用户再次单独播放,currentTime监听器不允许在时间线中回放超过'x'时间,因此每次用户点击播放时,它都会立即自动暂停。此外,在时间'x',视频容器将通过CSS隐藏,从而阻止用户与视频的交互。