-4
如何減少iframe嵌入YouTube視頻引起的加載時間?最佳嵌入方式不會影響加載速度
如何減少iframe嵌入YouTube視頻引起的加載時間?最佳嵌入方式不會影響加載速度
你可以嘗試延遲加載嵌入視頻:加載它後,他們已經滾動到足以真正看到視頻或僅加載視頻播放一次被點擊。當您的網頁上嵌入的視頻較低時,此方法當然僅適用。 Here's a great guide on how to lazy load embedded YouTube videos.
加載整個頁面。加載後,使用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);
});
很好的答案。你可以添加一個工作的例子嗎? – lumio
@lumio我爲第一個方法添加了一個示例,併爲方法2擴展了我的示例。 – Musa