12

是否有一些简单的技术可以只播放 HTML5 视频的特定部分?例如,在一个 30 秒的剪辑中,我只想播放 5-20 秒的部分。此外,视频的其余部分根本不应该从 UI 访问(这意味着视频时间线应该只显示 5-20 秒的部分)。

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

提前致谢!

4

5 回答 5

6

尽管此问题已被标记为已回答,但您和任何其他偶然发现这里的人可能会感兴趣:指定播放范围

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

于 2013-04-10T13:25:06.677 回答
0

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

于 2012-04-16T13:04:57.843 回答
0

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

如果您尝试在 IOS 中实现这一点,您将无法做到这一点。

于 2012-04-16T13:05:09.380 回答
0

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

因此,您可能需要考虑设置自己的滑块,其中滑块的起点代表您的起点,终点代表您的终点。将视频设置为在页面加载时不播放。然后在页面加载时有一个 javascript 函数将 currentTime 更改为您的起点。为了停止,您可以偶尔查询当前时间。我不会使用计时器,因为像慢速加载这样的延迟可能会导致它失败。

于 2012-04-16T13:06:58.987 回答
0

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

于 2013-04-10T11:15:58.513 回答