如何禁用HTML5视频标签？

Question

我知道这是不可取的.但仍需要实现此功能.从寻求,探索到媒体控制器尝试了一切.没有任何效果.是否有任何外部库禁用搜索.如果有关如何使用自定义控件的一些指示,将会有所帮助.

Answer 1

问题很老但仍然相关,所以这是我的解决方案:

var video = document.getElementById('video');
var supposedCurrentTime = 0;
video.addEventListener('timeupdate', function() {
  if (!video.seeking) {
        supposedCurrentTime = video.currentTime;
  }
});
// prevent user from seeking
video.addEventListener('seeking', function() {
  // guard agains infinite recursion:
  // user seeks, seeking is fired, currentTime is modified, seeking is fired, current time is modified, ....
  var delta = video.currentTime - supposedCurrentTime;
  if (Math.abs(delta) > 0.01) {
    console.log("Seeking is disabled");
    video.currentTime = supposedCurrentTime;
  }
});
// delete the following event handler if rewind is not required
video.addEventListener('ended', function() {
  // reset state in order to allow for rewind
    supposedCurrentTime = 0;
});

的jsfiddle

它与玩家无关,即使显示默认控件也能正常工作,即使在控制台中输入代码也无法规避.