html - HTTPS 网站上的 Youtube iframe

Question

我在使用 https 的网站上包含了一个指向 youtube 视频的 iframe。虽然我使用“https://”嵌入了 youtube 视频，但当我点击播放时，视频会加载 http 文件，从而使浏览器安全图标“不安全”。如何强制 youtube 仅加载 https 文件？

我的嵌入 HTML：

<iframe id="ytplayer" type="text/html" width="480" height="360" src="//www.youtube.com/embed/-ZUrjLs48a8" frameBorder="0" allowfullscreen></iframe>

Answer 1

如 Google api 文档中所述，将 origin 参数添加到您的 URL： YouTube Player API Reference for iframe Embeds

作为一项额外的安全措施，您还应该在 URL 中包含 origin 参数，指定 URL 方案（http:// 或 https://）和主机页面的完整域作为参数值。虽然来源是可选的，但它可以防止恶意第三方 JavaScript 被注入您的页面并劫持您的 YouTube 播放器的控制权。

 <iframe id="player" type="text/html" width="640" height="390"
  src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com"
  frameborder="0"></iframe>