Question

正如标题所解释的那样，

我需要在点击视频观看区域时禁用暂停，因为我在点击该区域时尝试附加其他事件。

我尝试使用此videojs.com但没找到解决方案

Answer 1

在video.dev.js（版本4.1）第3399行注释函数体

// OnClick - Toggle between play and pause
vjs.PlayToggle.prototype.onClick = function(){
  /*if (this.player_.paused()) {
    this.player_.play();
  } else {
    this.player_.pause();
  }*/
};

在video.js第80行403列中它的功能相同，评论功能正文

function(){/*this.a.controls()&&(this.a.paused()?this.a.play():this.a.pause())*/}

Answer 2

如果您不介意直接编辑videojs文件，可以将bigPlayButton的CSS设置为none而不是block，或者注释掉以下内容：

// Make a click on the video act as a play button 
this.activateElement(this.video, "playToggle");

并且此行为将消失。

Answer 3

我想评论一下Ashot他对Video JS 4.6.3解决方案的回答，但我的声誉还不够高。

MrHunter为Video JS 4.3提供了答案。在版本4.6.3中，相同的代码位于video.js文件的第99行，如下所示：

function(a){0===a.button&&this.m().controls()&&(this.m().paused()?this.m().play():this.m().pause())};

在评论之后看起来像这样：

function(a){/*0===a.button&&this.m().controls()&&(this.m().paused()?this.m().play():this.m().pause())*/};

这对我来说非常合适。感谢Ashot和MrHunter带领我使用最新版本的Video JS解决方案！

Answer 4

最简单的方法 - 只需将其添加到css文件中：

.video-js.vjs-playing .vjs-tech {
  pointer-events: none;
}

Answer 5

如果您想防止点击视频时暂停，只需在脚本中添加这两行即可。

var videoEle = document.getElementById("videoTagId");
videoEle.onpause = () => { videoEle.play(); }

单击视频查看区域时，html5视频禁用暂停

5 个答案: