小编not*_*hos的帖子

我正在尝试创建一个全宽iframe vimeo背景覆盖在我的身体div中的模式.视频被覆盖覆盖,因此无法点亮.我试过给视频100%的宽度和高度,但没有运气覆盖屏幕..我试图让视频弹出500x250像素.

HTML

 <div class="video">    
    <iframe src="//player.vimeo.com/video/82123812?title=0&amp;byline=0&amp;portrait=0&amp;color=3a6774&amp;autoplay=1&amp;loop=1" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>  
    <div class="overlay"></div> 
</div>

CSS

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/overlay-pattern.png) repeat;
}