光标在 iframe 上时滚轮不起作用

Question

我在 html 页面中有一个带有 youtube 视频的 iframe。当我尝试滚动时，当我的鼠标悬停在 iframe 上时，我无法滚动。我在下面找到了这个问题，但参数对我没有帮助，因为这是一个对象，而我的是一个 iframe。

Avoid scroll-wheel hijack by embedded youtube / flash video

我看到了在顶部放置一个不可见 div 的解决方案，但这是个问题，因为用户将无法点击暂停/播放视频。

有人有其他解决方案吗？

谢谢。

Answer 1

您可以使用以下方式设置 iframe 的样式：

style="pointer-events:none;"

Answer 2

您可以尝试将视频播放/暂停功能委托给其他地方的按钮：

var myPlayer = document.getElementById('playerid');
myPlayer.stopVideo();

来源：How can I stop a video with Javascript in Youtube?