预加载youtube嵌入

Question

我希望有一个嵌入式chromeless youtube视频预加载其视频而不会在页面加载时播放.现在我正在使用一个尴尬的"播放然后快速暂停"脚本,这会导致小问题(半秒音频泄漏并且失败很多).对于这个看似简单的功能,是否有更好/更优雅的预加载方式？

Answer 1

我有同样的问题并遇到了这个问题。经过一番研究，我想我找到了一个更清晰但相似的答案。

当 JavaScript API 调用 时OnYouTubePlayerReady，您按下“播放”并添加一个事件侦听器，onStateChange每次播放器从缓冲变为播放时都会调用该事件侦听器。

例如，在函数内，您监听状态 3（正在缓冲），一旦调用它，您就暂停视频。

您可以在jsFiddle中看到该技术的实际应用。

旁注：我在示例中没有使用 JavaScript 框架，但您可以轻松地在此处放置一个框架。

另外，我无法使用 jsFiddle 从 HTML 正文中提取脚本标记，但外部script.js文件在我自己的服务器上运行得很好。