是否可以限制 HTML5 视频中的转发？

Question

我试图在我的 HTML5 视频元素中限制转发。但是有没有可能做到这一点。

我想限制视频的快进，但是应该允许向后导航。

谢谢。

Answer 1

好吧，它并不完美，但您始终可以每次都保存当前时间戳并与之进行比较。如果它在当前时间戳之后，只需将其重置回旧时间戳即可。

var video = document.getElementsByTagName("video")[0];
var previousTime = 0;
video.addEventListener("timeupdate", function(event) {
    previousTime = video.currentTime;
});

video.addEventListener("seeking", function(event) {
    if (video.currentTime > previousTime)
        video.currentTime = previousTime;
}); 

我试图找到一种方法来取消搜索事件以获得更流畅的结果，但无法让它发挥作用。如果有人对如何取消这些有任何见解，将不胜感激。

Answer 2

不要包含 controls 属性，然后实现您自己的 UI。您可以创建一个快进按钮来执行您喜欢的任何操作……或者根本不包含一个。