添加iframe延遲javascript動畫

Question

我正在構建一個燈箱，當它打開時，我追加一個iframe（vimeo通用iframe嵌入代碼），但還有一個其他動畫正在運行，即從屏幕底部滑出的一個說明。

在追加的時刻，一切似乎停頓了一下，可能是因爲iframe佔用了所有資源？有什麼辦法可以防止這種情況發生？

當我測試沒有附加iframe（顯示黑屏）時，一切運行平穩。我需要這些動畫同時發生。

Answer 1

除非您自動播放加載的視頻，否則最好的方法是隻加載圖像而不是視頻本身。

下面是使用圖像和自動播放，而不是加載視頻的例子：http://embedly.github.com/embedly-jquery/examples/autoplay.html

的代碼看起來是這樣的：

$(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); 
    }); 
    });