像 Apple 网站一样的 HTML5 视频反转

Posted 2023-02-19

【中文标题】像 Apple 网站一样的 HTML5 视频反转

【英文标题】：HTML5 Video Reverse like Apple website

【发布时间】：2014-08-13 05:44:09

【问题描述】：

我一直试图在他们的网站上复制苹果的这种效果。我已经能够在滚动时有效地停止和启动，但反向播放是个问题。

我已经搜索过网站上的旧解决方案指向我已经完成的反向视频，但鉴于苹果已经为 ipad air 和 mac pro 完成了它，我确信有一个新的解决方案。

如果您能够弄清楚，请告诉我。我查看了网站，他们只使用一个视频。

非常感谢。

Apple reference

【参考方案1】：

整洁。所以他们有一个包含所有转换的大视频文件（名为“story.mp4”）。然后有代码可以要求视频从文件中的一个点播放到另一个点，而不是从开始一直播放到结束。

但是您已经了解了这么多，并且想知道如何反向播放视频的某些部分？也许这个问题和答案会有所帮助：Is it possible to play html5 video in reverse? 据此，归结为将媒体元素的playbackRate 设置为-1。