调整大小时,vimeo视频隐藏在标题后面

时间:2017-05-11 01:38:55

标签: video iframe responsive vimeo

我有一个响应式网页设计。我不知道出了什么问题。 这是您可以访问的未完成网站的附带链接: http://chromproduccions.com/web2/index.html

这是Vimeo嵌入式视频的css:

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; 
    overflow: hidden;
    max-width: 100%;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
} 

我将@media查询应用于video.wrapper添加了一些填充,但它没有任何意义,因为您可以看到的视频是响应性的,这似乎不是问题。 任何想法,解决方案和建议?我真的很感激。 欢呼声。

0 个答案:

没有答案