javascript - html5视频检测结束然后反向播放？jQuery 和 Javascript

Question

我对 JS/JQuery 的了解有限，但我想知道您是否可以检测到 HTML5 视频的结尾，然后反向播放视频，然后从头开始播放，所以基本上是一个无限循环向前然后向后播放？

使用 JQuery/Javascript

Answer 1

流式视频编解码器经过优化以向前播放，因此，虽然playbackRate您可以使用 HTML5 视频的属性来反转视频的播放（尝试将其设置为 -1），但结果可能不会是特别满意。

更好的方法是在反向运行的编码阶段创建一个额外的视频。然后，您可以使用视频的ended事件在正向和反向视频之间来回切换源。

或者，正如 Ken 在评论中所建议的那样，创建一个视频，其中的序列向前播放，然后反向播放。然后，您可以将视频设置为循环播放，然后您就得到了您想要的。

仅供参考，w3 有一个非常方便的示例，可让您实时探索 HTML5 视频中可用的各种方法、属性和事件。