如何使用 JavaScript API 控制现有的 YouTube 播放器？

使用 YouTube API 控制预先存在的 iFrame 播放器

了解挑战

您想要使用 JavaScript API 控制已嵌入 HTML 中的 YouTube 播放器。添加新视频的标准 iframe API 方法不适用于预先存在的播放器。

使用自定义函数的解决方案：callPlayer

为了解决此问题，我们将使用名为 callPlayer 的自定义函数。此功能允许您在页面上的任何带框架的 YouTube 视频上调用各种 YouTube 播放器功能。

用法：

拥有此功能后，您可以像这样使用它：

解决常见问题：

问题：视频无法播放。
A: 播放需要用户交互，并且 iframe URL 中存在 allowed="autoplay"。

问： 我收到一条错误消息“无效或非法的字符串指定”。
答：您需要在 iframe URL 末尾添加 ?enablejsapi=1。

问： API 不起作用在本地主机 (file://) 上。
A: 在线托管您的页面或使用 JSFiddle 进行测试。

其他功能：

• 当播放器未准备好时，函数可以排队。
• 您可以使用以下语法调用“onYouTubePlayerReady”事件：callPlayer('frame_id', function() { ... } )。
• 完整的 API 支持可在单独的答案中通过相关实现实现：“在 jQuery 中监听 Youtube 事件。”

以上是如何使用 JavaScript API 控制现有的 YouTube 播放器？的详细内容。更多信息请关注PHP中文网其他相关文章！