Слайд-шоу плагинов jQuery Cycle с видео Vimeo - PullRequest
Новая
       39

Слайд-шоу плагинов jQuery Cycle с видео Vimeo

0 голосов
/ 17 мая 2011

Я пытаюсь включить видео Vimeo в мое слайд-шоу jQuery Cycle.

Видеоролики прекрасно работают в режиме слайд-шоу, однако, с новой системой встраивания <iframe>, я не могу заставить видео остановить слайд-шоу, когда зритель нажимает на воспроизведение видео.

Мне нужно использовать новую систему <iframe> для использования на мобильных устройствах.

Это jQuery для слайд-шоу: 

jQuery('#imagegallery').cycle({
    fx: 'scrollHorz'
});

Это код для вставки: 

<iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe>

Структура слайд-шоу: 

<div id="imagegallery>
<span><iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe></span>
<span style="display:none;"><iframe src="http://player.vimeo.com/video/23565246?title=0&amp;byline=0&amp;portrait=0" width="584" height="328" frameborder="0"></iframe></span>
</div>

Будем весьма благодарны за любые идеи по этому поводу!Я хорошо знаком с jQuery, просто думаю, что что-то происходит с системой встраивания <iframe>.

Спасибо, Дэн

Ответы [ 2 ]

2 голосов
/ 17 мая 2011

Пара идей ..

Попробуйте использовать опцию pause в плагине цикла и обязательно проверьте эту страницу [http://jquery.malsup.com/cycle/options.html] для получения дополнительных опций.

Другая идея, так как видео содержатся в iframes, проверяют события, 'вызванные' iframe (возможно, hover)? и остановите плагин цикла (см. параметр остановки на странице параметров).

В общем, попытайтесь определить, какие события могут быть вызваны, и если / когда они выдадут команду плагину «остановить» анимацию.

1 голос
/ 21 июля 2011

У меня тоже была эта проблема некоторое время назад, поэтому я решил опубликовать свой ответ ... она работала с опцией паузы.Я не смог найти способ запечатлеть событие play через iframe, поэтому я просто приостановил видео, когда пользователь наводит курсор на iframe.Используя элементы управления воспроизведением и паузой, пользователь, по крайней мере, мог видеть, когда слайд-шоу воспроизводилось или было приостановлено.

Я просто добавил класс .video ко всем элементам iframe 

$('.video').mouseover(function() {
        $('.slideshow').cycle('pause');
    });

Опять же, в моем случае, если видео закончилось или пользователь хотел двигаться дальше, я использовал кнопку «Воспроизведение», чтобы сохранить слайд-шоу.

...