滚动禁用Youtube iframe

Question

我正在我的个人网站上工作。 我的网站包含youtube iframe。当鼠标悬停在它上面时，文档停止滚动。即使鼠标悬停在YouTube视频上，我希望主文档继续滚动。

<div class="video-container"><iframe width="950" height="480" style="margin-top: 10px" src="https://www.youtube.com/embed/fL3QKagSn1s#t=0m00s" scrolling="no" frameborder="0" allowfullscreen/></iframe></div>
            </div>

enter link description here

Answer 1

尝试将其包装成div并设置div的z-index：10或者其他东西，这样就不会将鼠标悬停在iframe上，而是设置为div。