iframeが読み込まれない

Question

これはSafariでのみ発生します。

www.dalworthrestoration.com

• お知らせ機能を備えたコンテンツjQueryのカルーセル

• 前方コンテンツの自動サイクルと、それは＃3に到達したときに、Dalworthビデオへようこそ、それが適切に表示されます。

しかし、ここで問題です：あなたは第四サムネイルに前方のサイクルにそれを許可した後、＃3に戻す]をクリックし、Dalworthビデオへようこそ場合

• 、IFRAMEがmispositionedされ、画像の3分の1しか表示しません。

• しかし、スクロールすると、ビデオが突然正しくポップして配置されます。

私は完全に困惑しています。

Answer 1

編集：完全に新しい答えを。

このトリックは、Safariのデバッガを使用して私のために働いていました。親liを非表示にする前にiframeのサイズを0x0に変更してください。次に、あなたが李を隠した後すぐにサイズを変更します。

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でこの作業を持ってこれはあなたのsetSlider()関数からです。私の元の答えを見たなら、基本的にそれです。あなたのクリックハンドラは、移行後に1pxのバックでスクロールし、この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