添加视频折叠设计

我在我的HTML页面中有一个高度为500px;的部分。在该部分的中心有Div的显示一些文本。现在根据我的要求我必须添加视频作为背景这部分内容应该在100％宽度和500px高度的背景中播放视频，文本应显示在播放视频的顶部。添加视频折叠设计

但在其上添加视频，我的设计越来越collapsed.My文本显示越来越超出500px的高度和视频从主节开始显示周围250像素下来..

这里是我的视频HTML> 。

<div class="auto-resizable-iframe"> 
    <div> 
     <iframe frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/_OBlgSz8sSM"></iframe> 
    </div> 
</div>

，这里是我的小提琴链接Fiddle。请帮助我，大家好我从很长一段时间争取这个..提前谢谢..

来源

2014-10-03 Hansal Mehta

我做在你的CSS改变宽度应从最大宽度变化最小宽度http://jsfiddle.net/nq8sa2kw/2/但问题是，它使视频无法点击你要搞清楚的东西在自己的

.auto-resizable-iframe { 
position:absolute; 
min-width: 100%; 
margin: 0px auto; 
}

来源

2014-10-03 07:23:13 Akshay

确定。在你的小提琴中注意到一些绿色的空间。我需要从那里播放我的视频。怎么做？ – 2014-10-03 07:28:14

我已删除可点击问题，现在正在播放视频，但是如何从顶部显示。 – 2014-10-03 07:29:39

@HansalMehta add top：0;那么视频从顶部开始.auto-resizable-iframe {position：absolute; 最小宽度：100％; margin：0px auto; top：0; } – Akshay 2014-10-03 07:49:42

添加视频折叠设计

回答

相关问题