Question

有谁知道如何在videojs默认皮肤的进度条（＆＃39; scrubber＆＃39;）上禁用鼠标互动？

我想展示它 - 它很有用 - 但由于我的视频位于变换中：缩放＆＃39;，鼠标交互，拖动和点击是不正确的。在这里查看jsbin http://jsbin.com/qovayule/1/edit

我放弃了尝试修复鼠标交互 - 它是一个浏览器的东西，而不是videojs的东西。在此处查看我提交给videojs的问题：https://github.com/videojs/video.js/issues/1102

但如果我可以在进度条上禁用鼠标交互，并隐藏音量滑块，客户端可能会很高兴。

Answer 1

从github跟踪器，我得到了这个建议。似乎工作得非常好：

/* these elements are problematic with transform:scale */
.scaledstuff .vjs-progress-control { pointer-events:none; }
.scaledstuff .vjs-progress-control:before {
    background-color: rgb(0, 0, 0); content: '';
    height: 100%; width: 100%; pointer-events: auto;
}
.scaledstuff .vjs-volume-control { display:none; }

/* but work fullscreen */
.scaledstuff .vjs-fullscreen .vjs-progress-control { pointer-events:auto; }
.scaledstuff .vjs-fullscreen .vjs-progress-control:before { display:none; }
.scaledstuff .vjs-fullscreen .vjs-volume-control { display:block; }

禁用videojs scrubber上的鼠标交互

1 个答案: