懶負載嵌入YouTube視頻

亞瑟·科倫贊（Arthur Corenzan）構想的這種巧妙的方法比標準YouTube嵌入式提供了重大改進。它沒有加載大量資源，無論用戶交互如何，它都採用了鏈接到YouTube嵌入的小占位符圖像。單擊圖像可以無縫啟動視頻播放。

功能實際上保持不變；簡單的點擊將在其指定空間中播放視頻。

關鍵在於<iframe></iframe>TAG的srcdoc屬性。該屬性允許將整個HTML文檔直接嵌入標籤中，類似於內聯樣式，但對於整個文檔。事實證明，該技術對於嵌入MailChimp新聞通訊等內容很有用。

亞瑟（Arthur）承認雷米（Remy）對IE 11兼容性和阿德里安（Adrian）的可訪問性提高的貢獻。

休在評論中的建議也值得注意。鑑於Chrome的本機懶惰加載支持，添加loading="lazy"進一步優化了性能，如果視頻在視口外，則可以防止任何請求。

這是一個示範：

讀者Tracey Rich建議使用►代替Unicode Play按鈕，以提高清晰度。

以上是懶負載嵌入YouTube視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章！