javascript - 预加载 youtube 嵌入

标签 javascript jquery video youtube embedding

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

最佳答案

我有同样的问题,遇到了这个问题。经过一些研究,我想我找到了一个更简洁但相似的答案。

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

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

您可以在 this jsFiddle 中看到这项技术的实际应用。 .

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

此外,我无法使用 jsFiddle 从 HTML 主体中提取脚本标记,但外部 script.js 文件在我自己的服务器上工作得很好。

关于javascript - 预加载 youtube 嵌入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8088245/

相关文章:

javascript - Stripe 发送到 `/create-payment-intent` 返回 404

javascript - 在 onclick 上使用 jquery 缩放坐标上的图像

c++ - OpenCV/C++ - 经过一些图像处理后将灰度图片转换为 BGR 图片

java - Quickblox 提高视频质量

ios - iOS像Homido App一样并排播放同一视频

javascript - 我可以使用 Ajax 更改文本框的值吗

javascript - 将值发送到客户端页面

javascript - 数据集导入后添加HTML元素

jquery - 替换链接属性以防止垃圾邮件

jquery - 我如何解决 JQuery 中的这个旋转图像问题?