iframe не загружается

Question

Это происходит только в Safari.

www.dalworthrestoration.com

• Обратите внимание на рекомендуемое содержимое jQuery carousel

• Контент автоматически перематывается вперед, и когда он достигает # 3, видео «Добро пожаловать в Dalworth», оно отображается правильно.

Но вот проблема:

• Если вы позволите циклически перейти к 4-му уменьшенному изображению, а затем щелкните обратно к # 3, видео «Добро пожаловать в Dalworth», фрейм iframe расположен неверно, он показывает только одну треть изображения.

• Однако, если вы прокрутите видео, оно неожиданно появится на месте.

Я в полном замешательстве.

Answer 1

Редактировать: Совершенно новый ответ.

Этот трюк сработал для меня, используя отладчик Safari. Измените размер iframe до 0x0, прежде чем скрыть родительский li. Затем сразу измените размер после того, как вы спрятали li. Это из вашей setSlider() функции:

list.find("iframe").attr({ height: 0, width: 0 });
list.filter(':visible').hide().end().eq(index).fadeIn();
list.find("iframe").attr({ height: 340, width: 560 });

Редактировать: Я получил это работает в v5.0.5. Если вы видели мой оригинальный ответ, это в основном так. Замените ваш обработчик кликов этим, который прокручивается на 1 пиксель и обратно после перехода:

btn.click(function(){
    index=jQuery(this).index();
    list.filter(':visible').hide().end().eq(index).fadeIn();
    scrollTo(document.body.scrollLeft, document.body.scrollTop+1);
    scrollTo(document.body.scrollLeft, document.body.scrollTop-1);
    btn.removeClass('fc_current');
    btn.eq(index).addClass('fc_current');
    clearTimeout(timer);timer=undefined;setSlider();
});

Прямо на переходе вы видите быструю вспышку, но она не очень заметна.

Answer 2

Это проблема рендеринга в Safari. Это не то, что вы могли бы исправить, если не считать хакерской функции, которая при смене вкладки заставляла страницу прокручиваться вниз и мгновенно возвращаться туда, где она была.

Это, однако, работает, если вместо этого они включили видео HTML 5: http://www.youtube.com/html5