Javascript 无法将Video.js视频集中在引导转盘中

好的，我已经尝试了几乎所有我能想到的保证金：0自动；左边距：自动；右边距自动。我在bootstrap中尝试了“中心”标记。文本中心不影响内容。我可能在所有级别的div和元素中都尝试过。我似乎不能把这该死的事情集中起来。使用MVC5在Bootstrap 3上为视频使用Video.js

HTML

由于某些原因，部分代码不会呈现，因此下面是顶部部分的一个不可见图像

街上传来的消息

        <div class="br-hr type_short"> <span class="br-hr-h">
                    <i class="icon-pencil"></i>
                </span>

        </div>
        <div class="carousel carousel-fade slide carousel-featuredwork center" id="carousel-testimonials" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-testimonials" data-slide-to="1" class=""></li>
                <li data-target="#carousel-testimonials" data-slide-to="2" class=""></li>
            </ol>
            <div class="carousel-inner" style="margin-top:-20px;">
                <div class="item active" style="overflow:visible;padding:0 0 0 0;">
                    <div class="videoUiWrapper thumbnail">
                        <video width="640" height="480" id="demo1" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
                            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.mp4" type="video/mp4">
                                <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.ogv" type="video/ogg">
                                    <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video>
                    </div>
                </div>
                <div class="item" style="overflow:visible;padding:0 0 0 0;">
                    <div class="videoUiWrapper thumbnail">
                        <video width="640" height="480" id="demo2" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
                            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.mp4" type="video/mp4">
                                <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.ogv" type="video/ogg">
                                    <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video>
                    </div>
                </div>
                <div class="item" style="overflow:visible;padding:0 0 0 0;">
                    <div class="videoUiWrapper thumbnail">
                        <video width="640" height="480" id="demo3" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
                            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.mp4" type="video/mp4">
                                <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.ogv" type="video/ogg">
                                    <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.webm" type='video/webm' />Your browser does not support the video tag.</video>
                    </div>
                </div>
            </div>
            <!-- /.carousel-inner -->
        </div>
    </div>
</div>

这是一张野外旋转木马的照片

我还有一把小提琴

任何帮助都将不胜感激

---

Thx视频标签的放置宽度=100%

---

video.js和引导转盘之间存在冲突。谢谢大家的帮助。

这在实际应用程序中似乎不起作用。看这里，我上传了你的编辑以及下面的一个。将默认css:.videoUiWrapper.thumbnail{float:left；}更改为：.videoUiWrapper.thumbnail{float:none；}

           <video width="100%" height="480" id="demo1" ....