添加視頻摺疊設計

我在我的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

添加視頻摺疊設計

回答

相關問題