无法在带有 video.js 的视频上使用 videojs-disable-progress 插件答案

【问题标题】：Can't use the videojs-disable-progress plugin on my video with video.js无法在带有 video.js 的视频上使用 videojs-disable-progress 插件
【发布时间】：2019-06-17 09:57:31
【问题描述】：

我想始终显示搜索栏但禁用与它的交互，所以我发现这个旧插件 (videojs-disable-progress) 似乎很好用但不适合我

尝试在相关插件文件的插件导入和插件上将 vjs 更改为 videojs

甚至尝试修改一些代码以更新它到 videojs 7 但没有任何效果也许我没有正确设置插件

我的 .html

<!doctype html>

<html lang="fr">

<head>
  <!-- meta -->
  <meta charset="utf-8">
  <title>test</title>

  <link href="css/styles.css" rel="stylesheet">
  <link href="css/video-js.css" rel="stylesheet">

</head>

<body>
  <video id='myvideo' class='video-js vjs-default-skin vjs-big-play-centered' preload="auto"
    oncontextmenu="return false" width="100%" height="100%" controls
    data-setup='{ "aspectRatio":"16:9", "fluid": true}'>
    <!--ontimeupdate="checkChapter()"-->
    <source src='vid/rg.mp4' type='video/mp4'>
  </video>

</body>
<script src='js/video.js'></script>
<script src='js/videojs.disableProgress.js'></script>
<script src="js/script.js"></script>

</html>

.js

//change vjs to videojs
videojs.plugin('disableProgress', disableProgress);
var enabled = false;
var myPlayer = videojs('myvideo');
myPlayer.disableProgress.disable();

知道了

script.js: Uncaught ReferenceError: disableProgress is not defined

【问题讨论】：

你在document::ready上触发你的脚本吗？
我不认为是，也许是原因，idk。但是我找到了一种更简单的方法来做到这一点而无需插件，谢谢关心的人：document.querySelector(".vjs-progress-control").style.pointerEvents = "none";

标签： javascript html plugins video.js

【解决方案1】：

包括进度条的组件有一个disable() 方法来打开事件处理程序。 myPlayer.controlBar.progressControl.disable()

【讨论】：