Youtube嵌入問題與Twitter Bootstrap

-1

我正在流行的BootStrap框架上建立一個小的靜態網站。我不能給一個鏈接不幸的是，但基本上我已經建立了一個模式框，當點擊按鈕時嵌入了一個YouTube視頻。Youtube嵌入問題與Twitter Bootstrap

它工作正常，但如果關閉模式框，則會消失，但會將YouTube視頻懸停在其他所有內容上，無法擺脫它。這是在IE10上。

是否有其他人試圖將視頻嵌入到BootStrap模塊盒中併爲此提供解決方案？

由於提前，

傑克

編輯

OK，這裏是一個代碼段：

<a id="mediaVideo" class="btn btn-primary btn-large" href="#" data-toggle="modal" data-target="#video">Watch the interview</a> 

<!-- Modal --> 
<div id="video" class="modal hide fade" style="color: #2a2a2a; width: 590px;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
<h3 id="myModalLabel">This is the modal title</h3> 
</div> 
<div class="modal-body"> 
<p>Small paragraph to describe the video</p> 
<iframe width="560" height="315" src="http://www.youtube.com/embed/H542nLTTbu0" frameborder="0" allowfullscreen></iframe> 
</div> 
<div class="modal-footer"> 
<button class="btn" data-dismiss="modal" aria-hidden="true">Close Window</button> 
<div class="btn-group"> 
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
Share This Video 
<span class="caret"></span> 
</a> 
<ul class="dropdown-menu" align="left"> 
<li><a href="http://www.facebook.com/sharer.php?u=http://www.google.com">Facebook</a></li> 
<li><a href="http://twitter.com/share?text=This%20is%20the%20text&url=http://www.google.com">Twitter</a></li> 
<li><a href="https://plus.google.com/share?url=http://www.google.co.uk">Google+</a></li> 
</ul> 
</div> 
</div> 
</div> 
<!--END MODAL-->

來源

2013-04-09 JackWillDavis

代碼。你必須發佈它。 – 2013-04-09 09:22:27

對，給我一秒鐘，我會把一個片段 – JackWillDavis 2013-04-09 09:24:06

這似乎是爲我工作的罰款：jsFiddle 。我正在使用選項，這是在參閱YouTube嵌入API頁面Google Developers時推薦的選項。

來源

2013-04-09 09:25:54

這是IE10這是有問題，對不起，我忘了把它:)我已經有一段時間，因爲我發佈任何東西 – JackWillDavis 2013-04-09 09:29:38

@JackWillDavis我剛剛測試了小提琴IE10和它似乎工作正常。你仍然有問題嗎？ – 2013-04-09 09:31:16

Youtube嵌入問題與Twitter Bootstrap

回答

相關問題