使videojs seekbar垂直答案

【问题标题】：make videojs seekbar vertical使videojs seekbar垂直
【发布时间】：2020-09-19 19:23:19
【问题描述】：

我正在开发一个项目，在该项目中，我需要将 html5 播放器的搜索栏更改为沿视频高度垂直。我尝试了很多，但找不到任何解决方案。然后我使用videojs 作为我的HTML5 播放器，现在我正在做的是将它的搜索栏的div 旋转到90 degrees，然后调整left 和top 属性以调整其与视频的位置。我知道这不是很好的方法，但我找不到任何解决方案，所以我现在使用这种方法。但是第二个问题正在发生，我无法通过单击seekbar 来寻找视频，如果我单击seekbar，它只会从零开始视频，如果我不旋转并且不'用左设置位置，顶级属性，然后 seek 工作正常。在互联网上尝试了几个小时后，我迷路了，所以我来这里寻找解决方案，有没有可能让我的搜索栏与视频高度垂直并启用搜索？任何帮助将不胜感激

【问题讨论】：

尝试找出seekbar是如何注册鼠标点击的，它应该在Video.js库的某个地方。
我试过了，事件正在触发，但是随着seekbar 的方向发生变化，这就是它没有正确触发触发器的原因。我试过但还没有解决方案，所以我离开了那个项目:-(

标签： javascript html html5-video video.js

【解决方案1】：

在getPointerPosition 中您需要更改position.y = Math.max(0, Math.min(1, (pageY - boxY) / boxW))。还需要找到var sizeKey，改成var sizeKey = _this2.vertical() ? 'width' : 'width'；

【讨论】：