是否有一些简单的技术可以只播放 HTML5 视频的特定部分？例如，在一个 30 秒的剪辑中，我只想播放 5-20 秒的部分。此外，视频的其余部分根本不应该从 UI 访问（这意味着视频时间线应该只显示 5-20 秒的部分）。
我一直在浏览一些 HTML5 视频播放器，但它们似乎都不支持这种功能。如果有人知道实现此功能的（好）方法，请给我一个提示。
提前致谢！
问问题
12962 次
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 回答