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

附加iframe会延迟javascript动画

1 个答案: