如何在 localhost html 文件中使用 YouTube IFRAME-Player？

Posted 2023-02-24

【中文标题】如何在 localhost html 文件中使用 YouTube IFRAME-Player？

【英文标题】：How to use YouTube IFRAME-Player in localhost html file?

【发布时间】：2017-02-10 03:16:36

【问题描述】：

我正在编写一个纯 html 应用程序，并希望嵌入一个基于 YouTube IFRAME 的播放器。不幸的是，我使用了来自https://developers.google.com/youtube/iframe_api_reference 的演示代码，这似乎不适用于通过 file:// 协议加载的 HTML 文件。我收到以下错误：

www-widgetapi.js:100

在“DOMWindow”上执行“postMessage”失败：提供的目标源（“file://”）与接收窗口的源（“null”）不匹配。

我发现 Failed to execute 'postMessage' on 'DOMWindow': https://www.youtube.com !== http://localhost:9000 不幸的是它没有帮助：我是否通过 http 或 https 使用他们的 JS 文件包含它并不重要。

【参考方案1】：

这里的问题是，您正在通过文件系统运行它。而是尝试使用本地主机。

更多信息请阅读this

【讨论】：

我也发现......事情是，我不想运行本地 Web 服务器。该应用程序应仅为 HTML。

【参考方案2】：

如果您不使用自己的 IFRAME，而是让 YouTube API 创建 IFRAME -> 没有任何问题。不知道为什么，所以如果有人能够详细说明我会感兴趣。