我怎麼能不截斷我的分度，視頻播放器和引導3.0

Question

我使用這個模板：

http://getbootstrap.com/examples/offcanvas/

當我把我的S3的視頻播放器，在大尺寸，它的確定喜歡這裏： Screen http://desfurets.free.fr/photo/upload/cpomzodrun4s9xhdsy7ubhvajvvzvo.jpg

但是，如果我降低我的網頁的大小，我有這樣的： Screen http://desfurets.free.fr/photo/upload/t6dh50tegor6xrbjnnvre5f905rnav.jpg

我行的代碼是：

<div class="jumbotron"> 
     <p><strong>Module 1 :</strong> <a name="un">Introduction</a></p> 
     <script type="text/javascript"> 
    <!-- Script for video S3 --> 
    </script> 
    <p>Description</p> 
     </div> 

我該如何使用Bootstrap保存包含我的視頻的div的寬度？

Answer 1

你還可以添加一個你使用的javascript的例子嗎？您將不得不嘗試將嵌入式代碼的寬度設置爲100％。

我嘗試了一些例子代碼：http://www.icanlocalize.com/site/2010/03/using-amazon-s3-to-host-streaming-videos/：

<script src="http://www.onthegosystems.com/mediaplayer/swfobject.js" type="text/javascript"></script> 

<div id="mediaspace">This text will be replaced</div> 

<script type="text/javascript">// <![CDATA[ 
var so = new SWFObject('http://www.onthegosystems.com/mediaplayer/player.swf','mpl','640','467','9'); 
so.addParam('allowfullscreen','true'); 
so.addParam('allowscriptaccess','always'); 
so.addParam('wmode','opaque'); 
so.addVariable('file','http://d1ftqtsbckf6jv.cloudfront.net/using_glossaries.mp4'); 
so.write('mediaspace'); 
// ]]></script> 

鋁想到寬度在這裏硬編碼的，你也可以使用JavaScript操縱它：

$('#mediaspace embed').attr('width','100%'); 

而且閱讀文檔的這部分：http://getbootstrap.com/getting-started/#third-parties。該文檔現在有一個Google地圖示例，但對於所有類型的第三方內容都會發生此問題。

對於TB2我使用這個：How to implement a responsive Youtube embed iframe with Twitter Bootstrap?也應該爲TB3工作。