Iframe 嵌入式vimeo背景视频未滚动

我使用vimeo视频作为跨越页面顶部的div的背景。当我将光标放在div/iframe中时，它根本不会滚动页面。我正在使用的嵌入代码：

<div class="vimeo-wrapper" style="padding:42.75% 0 0 0;"><iframe 
src="https://player.vimeo.com/video/288403366? 
autoplay=1&loop=1&title=0&byline=0&portrait=0&background=1" 
style="position:absolute;top:-10px;left:0;width:100%;height:100%;" 
frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen 
allow="autoplay; fullscreen"></iframe></div>

---

我尝试在iframe和vimeo包装器div上都设置溢出，但都没有效果。

通过在vimeo包装器div上设置z-index:-1来解决