更有效地在网页中嵌入youtube视频

现在很多人喜欢在网站上引用youtube视频，youtube提供默认的方式是用iframe来实现的，所以嵌入的代码一般像是这样

<iframe width="320" height="180" 
    src="http://www.youtube.com/embed/LcIytqkbdlo">
</iframe>

这种方式的问题是，一段普通的youtube文件就会帮你的网页增加400KB左右的重量，而且在载入你的网页中需要去youtube那边抓取数据，导致别人访问你的网页时速度上有很大的影响。最近看到一篇文章，他写了一段3KB左右的js脚本，从而可以帮你的网页“减肥”，每个youtube视频比直接用iframe引用要节省300KB左右的数据传输量，如果你的网站上有大量的youtube视频，用这种方式可以使网页载入速度快很多。

使用这种方式的话，嵌入youtube的代码变成了像这样：

<div class="youtube" id="LcIytqkbdlo" style="width: 320px; height: 180px;"></div>
<script src="https://labnol.googlecode.com/files/youtube.js"></script>

如果你大量引用youtube的话，也可以去google code那边把脚本下载到本地的服务器上。