播放视频时滑块正在移动

Question

我正在使用引导滑块。

在我的滑块中，我有一些带文字的视频。没有用于初始化滑块的 init 函数。类名就足够了。这是我的代码

<div id="home-slide" style="width:920px;margin:0 auto;height:330px;">
                        <div id="myCarousel1" class="carousel slide" style="height:330px;">
                             <div class="carousel-inner container">

                              <div class="active item row-fluid row_padder vid_slider">
                                    <div class="feed_para">
                                        <img src="about/images/new/quote.png" />
                                        <p class="feedback_para"> I got my first job in 2 months, with better industry knowledge, now i am placed in a dream company <span style="color:#2C5F96;font-size:19px;">Mahendran, kanchipuram</span></p>
                                    </div>
                                    <div class="feed_video">
                                    <iframe src="http://www.youtube.com/embed/8Scz9O4cdxs?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>

                                    </div>
                              </div>

                              <div class="item row-fluid row_padder vid_slider">
                                    <div class="feed_para">
                                        <img src="about/images/new/quote.png" />
                                        <p class="feedback_para"> We learnt latest technologies,got hands on experience and got job through CODEREADY placements <span style="color:#2C5F96;font-size:19px;">2011 batch</span></p>
                                    </div>
                                    <div class="feed_video">
                                    <iframe src="http://www.youtube.com/embed/l2PAPTXj1Vs?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>
                                    </div>
                              </div>

                               <div class="item row-fluid row_padder vid_slider">
                                    <div class="feed_para">
                                        <img src="about/images/new/quote.png" />
                                        <p class="feedback_para"> I am very grateful to them. To show my gratefulness, i have shared my experience to all my friends. <span style="color:#2C5F96;font-size:19px;">Rajeshwaran</span></p>
                                    </div>
                                    <div class="feed_video">
                                    <iframe src="http://www.youtube.com/embed/aP9XQLv5jxw?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>
                                    </div>
                              </div>
</div>
</div>
</div>

我使用的脚本是

<script src="http://www.indiainternetready.com/wp-includes/js/jquery/jquery.js?ver=1.8.3"></script> <script src="http://www.indiainternetready.com/wp-content/themes/iir/bootstrap/js/bootstrap.min.js"></script>

我面临的问题是当我在 Flash 内容上播放视频/鼠标时 滑块不会停止。在 Flash 部分播放视频/鼠标时如何使滑块停止？

有什么想法吗？

Answer 1

我认为您可以通过执行以下操作来暂停轮播：

$('#myCarousel1 .item').click(function () {
    $('#myCarousel1').carousel('pause');
});

或者您可以使用暂停选项初始化您的轮播：

$('#myCarousel1').carousel({
    pause: 'hover'
});