Amazon s3 如何使用视频播放器和bootstrap 3.0不截断我的div

我正在使用此模板：

当我把我的S3视频播放器放在大尺寸上时，它可以如下所示：
（来源：）

但是如果我缩小页面的大小，我会得到以下结果：
（来源：）

我的行号是：

<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>

模块1:简介

描述

---

如何使用Bootstrap保持包含视频的div的宽度？

您还可以添加一个您使用的javascript示例吗？您必须尝试将嵌入代码的宽度设置为100%

我尝试了以下示例代码：

也请阅读文档的这一部分：。这些文档现在有一个谷歌地图的例子，但这个问题将发生在所有类型的第三方内容上

对于TB2，我使用了这个：应该也适用于TB3

<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>

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