懒负载嵌入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中文网其他相关文章！