如果光标位于 Azure 媒体播放器元素上，则无法滚动网页

Question

在 html 网页中包含 Azure Media Player 时，如果光标位于播放器元素上，我无法使用鼠标滚轮垂直滚动网页。

目标是实现相反的行为，即使光标在播放器上方也滚动页面。

我可以在 Chrome 和 Edge 上重现该问题，而在 Firefox 上该问题不存在。 演示：https://jsfiddle.net/buliko/h3106w9z/

我尝试将pointer-events: none; 应用于解决滚动问题的视频 html 元素，但不幸的是，将鼠标悬停在播放器上并没有显示控制栏。我尝试通过调用player.controls(true) 以编程方式在mouseenter 事件上显示控制栏，但没有帮助。

有没有办法解决这个问题？如果是，怎么做？

Answer 1

你能试试吗-

.amp-default-skin .vjs-text-track-display {
    pointer-events: all !important;
}