有没有办法在我的网站上更快地加载嵌入的YouTube视频？

Question

我正在撰写一篇博客文章,其中使用了来自YouTube和Yahoo Video的多个视频,但我对页面渲染需要多长时间感到不满.除了使用ajax-y方法加载视频之外,是否有任何技巧可以使来自不同来源的多个视频更快地加载页面？

Answer 1

嵌入式YouTube视频的问题在于播放器本身需要加载.您可以在嵌入代码的URL中添加"controls = 2",但这样只会让AS2/3玩家在点击后加载播放器.

对于此问题,Google+的解决方法是根本不加载播放器.相反,它会加载一个叠加了播放按钮的缩略图.点击后,图片将替换为实际的YouTube播放器iframe嵌入代码,并加载并自动播放.

这可以在任何实际使用下面简单的javascript的网站上完成. https://skipser.googlecode.com/files/gplus-youtubeembed.js

Answer 2

您的“ajax-y 方法”将是加快速度的唯一方法。大型网站将使用CDN并拥有良好的缓存。没有办法解决大文件花费很长时间的问题......

将对象或视频标签保留在 HTML 之外，然后在页面加载后添加它，将提高感知的页面加载性能。也许交换与最终视频大小相同的屏幕抓取图像......

视频标签还处于早期阶段，但最终它的初始化时间可能会比 Flash 更快，因为它是浏览器的一部分而不是第三方插件。

大部分视频加载时间取决于视频的编码/传输方式，这听起来像是不受您控制的。