场景
我的页面p1包含一个iframe。
iframe指向页面p2，其中包含来自youtube的嵌入式视频。
问题
问题是，如果我(通过鼠标)滚动iframe中的页面，则只有当鼠标光标不在youtube嵌入式视频上时，它才能正常滚动。
但是，如果鼠标光标位于youtube嵌入式视频上，则iframe中的页面p2停止滚动，而外部页面p1开始滚动。
如何避免这种不正常的行为？
我希望即使将鼠标光标放在youtube嵌入式视频上，iframe内的页面也会继续正常滚动，并且不会松开mousewheel事件。
解决方案失败
我尝试将wmode="transparent"属性添加到youtube嵌入式视频的iframe标签中，但无法解决问题。
详细信息
要在iframe中滚动，我使用的是一个替换滚动条的插件。
演示
您可以找到演示here。使用Firefox打开它，然后在iframe中使用鼠标滚动
最佳答案
除了@Kaarel Kont-Kontson提出的解决方案外，我没有找到解决方案。
如果我在视频上方放置div，则即使鼠标光标位于视频上，用户也可以播放视频并可以滚动。
具体来说，以下是显示单个视频的div:
<div style="position:relative; height:200px; width:200px;">
<iframe style="position:absolute;width:100%;height:100%;z-index:-10;" src="//youtube.com/embed/dooCQdg9-NA"></iframe>
<div style="height:100%;width:100%;position:absolute;z-index:20;"></div>
</div>
关于firefox - Firefox:滚动包含嵌入YouTube视频的iframe，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19316625/