iframe遅延の追加javascriptのアニメーションの追加

Question

ライトボックスを開いているときにiframe（vimeo universal iframe埋め込みコード）を追加しますが、実行中のアニメーションがもう1つ、つまり画面の下からスライドする説明があります。

追加の瞬間に、おそらくiframeがすべてのリソースを占めているという事実のために、すべてが少し停止しているようです。これが起こらないようにする方法はありますか？

iframeを追加せずにテストすると（黒い画面が表示されます）、すべてがスムーズに実行されます。これらのアニメーションが同時に発生する必要があります。

Answer 1

ロード時にビデオを自動再生しない限り、ビデオ自体ではなく画像だけをロードすることをお勧めします。

$(document).ready(function() { 
    //Replace the url with an image 
    $(".video a").embedly({maxWidth: 500, 
         autoplay: true, 
         success : function(oembed, data){ 
         //replace the a tag with an image 
         var d = $('<a href="#" class="play"><span></span></a>') 
           .css('background-image', 'url('+oembed.thumbnail_url+')') 
           .data('oembed', oembed); 
         data.node.replaceWith(d); 
         } 
        }); 
    // When the user clicks play the video is loaded inline. 
    $('a.play').live('click', function(e){ 
     e.preventDefault(); 
     $(this).replaceWith($(this).data('oembed').html); 
    }); 
    }); 

： http://embedly.github.com/embedly-jquery/examples/autoplay.htmlは

コードは次のようになります。ここでは

は、ビデオをイメージして自動再生を使用する代わりに、ロードの一例です