滑块在播放视频时正在移动

时间:2014-04-04 08:13:56

标签: jquery html video slider

我正在使用自举滑块。

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

<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内容上时 滑块不会停止。如何在闪光灯部分播放视频/鼠标时使滑块停止?

任何想法的人?

1 个答案:

答案 0 :(得分:1)

我认为你可以通过这样的方式暂停你的旋转木马:

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

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

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