Слайдер движется во время воспроизведения видео

0

Я использую слайдер начальной загрузки.

В моем слайдере у меня есть несколько видео с текстом. Для инициализации слайдера нет функции 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>

Проблема, с которой я сталкиваюсь, - это когда я воспроизвожу видео /Mouse over flash content, слайдер не останавливается. Как заставить ползунок остановиться во время воспроизведения видео/мыши над флэш-частью?

Есть идеи, ребята?

Теги:
video
slider

1 ответ

1
Лучший ответ

Я думаю, вы можете приостановить свою карусель, сделав что-то вроде этого:

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

или вы можете инициализировать свою карусель с опцией паузы:

$('#myCarousel1').carousel({
    pause: 'hover'
});
  • 0
    Я должен выбрать только один ??
  • 0
    При нажатии на видео, если я уберу курсор, он не остановится. но мышь над работает
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню