前端大神们， html5 视频如何逆序播放？

[realfex]

比如小米的这个页面
http://www.mi.com/air/

鼠标滚轮往下滚是顺序播放，往上滚就是逆序播放
不知道他们怎么实现的

我查到的video有个属性 playbackRate，
video.playbackRate = 2 就是2倍速率播放
video.playbackRate = 0.5 就是0.5倍速率播放

虽然
http://www.w3school.com.cn/tags/av_prop_playbackrate.asp
里面有写到 playbackRate设置为负数就为逆序播放

但我试了半天貌似不行，设置负数无效

求大神指点。。。

[LemonZest]

你确定这是视频？

[yizi]

确实是MP4。。

[chshouyu]

这明明是图片好么 css3的动画做的

[chshouyu]

我去。。。还真是MP4

[yizi]

http://img03.mifile.cn/webfile/images/2014/cn/goods/air/overall/video-main.webm?20141209
还有这个

[qiayue]

是不是有两个视频或者同一个视频，前几秒是正，后几秒是反

[xiyan]

这是很多个短MP4格式拼接的吧，根据滚轮跟排序选择播放下一个视频？

[gangsta]

设置播放速度为-1试试：

video.playbackRate = -1;

http://www.w3school.com.cn/tags/av_prop_playbackrate.asp

[yautou]

小米的前端真不是盖的，纯就网页宣传来说看了很心动。

[yizi]

代码里面有这段：b.currentTime -= .1
倒放的时候给人感觉特别卡，不流畅，估计就是设置播放位置来达到倒放的效果。。

[loading]

视频压缩算法都是顺序播放进行的，倒放目前运算力当然卡了。

[realfex]

@gangsta 你没仔细看我的内容，我看的也是那个页面，-1试过不行

[realfex]

@Yokira 最佳答案，谢谢各位