嵌入的最佳方式，不影响加载速度

Question

如何减少因iframe嵌入YouTube视频而导致的加载时间？

Answer 1

方法1

您可以尝试延迟加载嵌入的视频：加载它们，只要它们向下滚动到足以实际看到视频，或者只在点击播放后才加载视频。当您的页面上的嵌入视频较低时，此方法当然有用。 Here's a great guide on how to lazy load embedded YouTube videos.

方法2

加载整个页面。加载后，使用Javascript生成视频嵌入代码。 jQuery示例：

$(document).ready(function() {
     // Page is fully loaded, generate the iframe and set attributes
     var aFrame = $('<iframe>');

     $(aFrame).attr('src', 'https://www.youtube.com/embed/EU7PRmCpx-0');
     $(aFrame).attr('width', '560');
     $(aFrame).attr('height', '315');

     // iframe element is created, append it to the body (or another element)
     $('body').append(aFrame);
});