HTML5视频播放器阻止搜索

Question

我正在创建一系列视频教程,并希望阻止用户寻找前进和跳过部分.我将使用将用于桌面和iPad浏览器的HTML5视频播放器.理想情况下,我也喜欢在iPhone上工作,但我意识到你无法控制手机上的视频,因为它使用的是iPhone视频播放器.

如何阻止用户在HTML5视频播放器上前进？

Answer 1

Video.js的另一个例子:

videojs('example_video_1').ready(function(){
  var player = this;
  var previousTime = 0;
  var currentTime = 0;
  var seekStart = null;

  player.on('timeupdate', function(){
    previousTime = currentTime;
    currentTime = player.currentTime();
  });

  player.on('seeking', function(){
    if(seekStart === null) {
      seekStart = previousTime;
    }
  });

  player.on('seeked', function() {
    if(currentTime > seekStart) {
      player.currentTime(seekStart);
    }
    seekStart = null;
  });
});

Answer 2

我只是想阻止寻求前进.我的系统中有更多代码允许它们暂停并稍后返回.它记录当前位置并设置负载上的视频位置.

我正在使用video.js.我试图使用timechange事件,但在搜索之前它会触发.所以,我使用间隔来每秒抓住当前位置.如果搜索位置大于当前位置,则将其设置回来.效果很好.

var player = null;
var curpos = 0;
videojs("player").ready(function(){
  player = this;
});

player.on('seeking', function () {
  var ct = player.currentTime();
if(ct > curpos) {
  player.currentTime(curpos);
}
});

function getpos() {
  curpos = player.currentTime();
}
onesecond = setInterval('getpos()', 1000);

Answer 3

如果您确实想做这种对用户不利的事情，那么您可以使用控件属性。您必须使用 JS 来实现您希望允许的任何控件。

当然，用户始终可以通过查看 > 源来获取视频的 URI 并下载它。