Панель поиска Video.js - точка поиска за курсором мыши
Я использую Video.js (v6.9) и не понимаю, почему позиция поиска находится за курсором мыши. Хуже всего то, что Firefox - единственный браузер, который отображает его правильно, поэтому я не могу точно определить, в чем проблема. Вот скриншот того, что происходит:
Вот и желаемый результат - с YouTube:
По сути, щелчок мышью происходит не там, где начинается видео.
Вещи, которые я пробовал:
- Обновление Video.js с 6.2 до 6.9
- Удаление всех пользовательских стилей
Есть идеи, что здесь происходит? Я использую React и NPM, если это полезно.
Не могли бы вы дать скрипку с этой ошибкой? Таким образом, ее легко разветвить и попытаться исправить :)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете указать свой собственный класс для своего компонента videojs, чтобы переопределить стиль videojs по умолчанию, или:
.video-js .vjs-progress-control .vjs-mouse-display {
background-color: transparent !important;
}
Рабочий пример: https://codesandbox.io/s/rmwokj6rrq
К сожалению, это не просто визуальная вещь. При каждом щелчке по позиции поиска видео переходит к точке, находящейся за указателем мыши. Так что скрытие отображения положения не решит проблему.
Я думаю, что видео переходит в позицию поиска при нажатии - это ожидаемое поведение. Можете выложить гифку с ожидаемым результатом?
Попался, это положение непрозрачной полосы поиска, которое вы хотите исправить. Он белый на YouTube и серый в вашем случае. Спасибо за обновления!
Для этого нужен минимальный воспроизводимый пример, чтобы определить, что не так.