在 iOS 上向后播放 HTML5 视频

Question

我正在尝试在 iPad 上反向播放 HTML5 视频（视频需要根据用户输入在正向和反向之间任意切换）。

HTML5 元素包含一个名为 playbackRate 的属性，该属性允许视频以更快、更慢的速率或反向播放。根据 Apple 文档，iOS 不支持此属性。

通过每秒多次设置 currentTime 属性（例如每秒 10-30 次更新），可以在不使用 playbackRate 的情况下伪造反向播放。这种方法适用于桌面 Safari，但似乎 iOS 设备上的搜索上限为每秒 1 次更新左右 - 在我的情况下太慢了。

有没有办法在 iOS 设备（即 iPad）上向后播放 HTML5 视频？

（我正在运行 4.3.1 的 iPad 2 上进行测试）

Answer 1

正如 Mihai 建议的那样，使用两个版本并在用户更改播放方向时更新搜索位置。

将 DIV 中的视频一层一层地分层，当播放方向翻转时，切换 div 可见性（并暂停隐藏视频的播放）。

这就是时间线：

1. 用户单击播放切换。
2. 暂停显示的视频。
3. 获取 查找显示视频的位置。
4. 从视频持续时间中减去该值。
5. 在非显示视频中寻找该值。
6. 切换显示的视频 DIV。
7. 开始播放新显示的视频。

Answer 2

iOS 6 Safari 现在支持 playbackRate 属性。

Answer 3

为什么不把正向和反向版本拼接成一部电影呢？

这消除了用户翻转方向时卸载和加载视频的问题。使用单电影方法，当用户翻转方向时，您所需要做的就是找出电影另一半中的对应点并寻找那里。

Answer 4

我的建议是在 HTML 代码中制作一个“假”视频播放器。然后捕获用户使用 safari/ios 回调方法“播放”视频的尝试。然后创建一个 MPMoviePlayerController，它实际加载视频并将其显示在浏览器中视频的原始位置上或仅支持全屏播放。 MPMediaPlayback 协议通过 currentPlaybackRate 属性支持反向播放，因此希望这应该是一个临时修复，因为我看不到 iOS 版本的 Safari最终没有实现此功能，因为它受到本机播放器的支持。

Answer 5

注意：我很愚蠢，错过了问题的重要部分，因此以下内容对于 iOS 目的来说毫无用处

经过一番谷歌搜索后，我发现了以下代码以及有关如何支持的解释在基于 Webkit 的浏览器上反向播放 html5 视频：

function speedup(video, direction) {
   if (direction == undefined) direction = 1; // or -1 for reverse
   if (video.playbackRate != undefined) {
      video.playbackRate = direction == 1 ? 2 : -2;
   } else { // do it manually
      video.setAttribute('data-playbackRate', setInterval ((function playbackRate () {
         video.currentTime += direction;
         return playbackRate; // allows us to run the function once and setInterval
      })(), 500));
   }
}

function playnormal(video) {
   if (video.playbackRate != undefined) {
      video.playbackRate = 1;
   } else { // do it manually clearInterval(video.getAttribute('data-playbackRate’)); }
}

来源：http://net. tutsplus.com/tutorials/html-css-techniques/html5-audio-and-video-what-you-must-know/

您需要将html5视频对象传递给加速函数，但是然后，该功能可能会简化为以下内容（我还没有测试过，这是 iPad 特定的功能）：

function reverseVideo(video) {
    video.playbackRate = -1;
}

随意尝试，并搜索有关 html5 视频元素的更多信息:)