jquery - iframe重複Jquery fancybox

Question

Jquery を使用して画像ポップアップを表示しています。WebfancyboxページにはVIMEOを使用して埋め込まれたビデオがありiframeます。画像はほとんどのブラウザーで正しく表示されますが、iPhone 4 と Samsung Galaxy S2 でテストすると、ビデオがポップアップ画像に重なって表示されます。

「wmode=transperant」でやってみました。

私はグーグルでよく検索しますが、適切な答えはありません。助けてください。

Answer 1

いろいろ試してみましたが解決には至りませんでした。次に、Jquery Fancyboxの「onStart」と「onClose」などの他の方法で問題を解決します。これが私の解決策です...

$(document).ready(function() {

$("#elementToBePopup").fancybox({

        'autoDimensions':true,
        'scrolling': 'no',
        'onStart':
            function(){
                $("#vimeo-video").css('display', 'none');
            },
        'onClosed' : 
            function() {
                $("#vimeo-video").css('display', 'block');
            }
    }).trigger('click');
});

ここで、「elementToBePopup」はポップアップする要素、「vimeo-video」はポップアップに重なる動画の ID です。

それが他の人を助けることを願っています。