Проблемы с Vimeo с Jquery fancybox + бесконечная карусель

Еще одна проблема, связанная с Vimeo из noob javascript...

Я поставил свою проблему здесь: http://jsfiddle.net/ajtTF/

При щелчке по ссылке загружается встроенный модальный Fancybox с галереей каруселей Jquery inifinite. В настоящее время галерея состоит из 2 встроенных видео Vimeo.

Все в порядке, пока модал не закроется, а затем повторно инициируется. Теперь модал по какой-то причине заменяет второе видео первым видео (т. Е. Отображает 2 экземпляра одного и того же видео без учета другого).

Я в конечном итоге хочу несколько видео в этой ситуации. Я не знаю, стоит ли это учитывать при применении каких-то дополнительных js.

Большое спасибо заранее, и я должен подчеркнуть, что мои навыки js практически отсутствуют, поэтому, пожалуйста, будьте ясны! Не стесняйтесь связываться с моим примером.

1 ответ

Решение

http://jsfiddle.net/ajtTF/6/

Привет, я не уверен, почему источник iframes очищается, когда вы закрываете модал.

Кажется, он не является частью вашего кода, поэтому я полагаю, что это как-то связано с fancybox.

В любом случае причина того, что ваш предыдущий код не работал, заключается в том, что вы взяли src из первого iframe, когда модал загружался, а затем применили его к обоим iframe, когда модал закрылся.

поэтому, когда вы открыли его снова, у него был один и тот же SRC на обоих фреймах.

этот код сохраняет SRC для каждого кадра отдельно. Не имеет значения, если у вас есть 2 или 10 фреймов с этим кодом.

GL

  'onComplete': function() {
    $("#inline2 iframe").each(function(i) {
     $(this).data("src", $(this).attr("src"));
    });
  }, 

  'onClosed': function() {
   $("#inline2 iframe").each(function(i) {
    $(this).attr("src", $(this).data("src"));
   });
  } 
Другие вопросы по тегам