作者:fffsssjjj | 来源:互联网 | 2024-11-28 18:46
我在尝试使用 Javascript IIFE 动态加载 YouTube 播放器 API 时遇到了问题,页面没有显示任何错误信息,但视频无法播放。代码示例如下:
问题与解决方法
经过检查,发现问题是由于尝试在一个 HTTPS 环境中加载 HTTP 资源导致的。现代浏览器出于安全考虑,会阻止在 HTTPS 页面中加载非安全(HTTP)资源。因此,需要将 YouTube API 的 URL 更改为安全的 HTTPS 版本,即 https://www.youtube.com/player_api
。
此外,确保您的 HTML 元素 ID 与 Javascript 中引用的一致,例如 id="ytplayer"
必须存在于 HTML 结构中,以便 YouTube 播放器能够正确初始化。