#html #css #scroll #html5-video #azure-media-player
Вопрос:
При включении медиаплеера Azure на веб-странице html я не могу прокручивать веб-страницу вертикально колесиком мыши, если курсор находится над элементом проигрывателя.
Цель состоит в том, чтобы добиться противоположного поведения, прокручивая страницу, даже если курсор находится над плеером.
Я мог бы воспроизвести проблему в Chrome и Edge, в то время как в Firefox проблема отсутствует. Демо: https://jsfiddle.net/buliko/h3106w9z/
Я попытался применить pointer-events: none; к html-элементу видео, который решил проблему прокрутки, но, к сожалению, при наведении курсора мыши на плеер панель управления не отображалась. Я попытался программно отобразить панель управления на mouseenter событии, позвонив player.controls(true) , но это не помогло.
Есть ли какой-нибудь способ решить эту проблему? Если да, то как?
Ответ №1:
Можете ли вы попробовать —
.amp-default-skin .vjs-text-track-display {
pointer-events: all !important;
}
Комментарии:
1. Почти на месте! Когда я нажимаю на видео, оно не запускает операции воспроизведения/паузы.
2. @Buliko, но я могу сделать это в скрипке, которую вы предоставили.
3. В Chrome элементы управления работают, но когда я нажимаю на само видео, ничего не происходит. Измененная версия jsfiddle.net/buliko/h3106w9z/14