YouTube IFrame API 使用 HTTPS + HTML5 生成混合内容警告

Question

当我在 HTML5 模式下使用 iframe api 将 youtube 嵌入 HTTPS 页面时，它仍然使用 HTTP 拉取实际流，这会生成混合内容警告。这个用例是否得到正确支持？

我发现 2011 年的这个讨论表明事实并非如此。然而，我只是尝试使用 HTTPS 访问 CDN 服务器，它可以工作 - 有点 - 但它返回错误的证书（google.com 而不是 youtube.com 的证书）。

是否有人设法使用 HTML5 中的 IFRAME API 在 HTTPS 页面上嵌入视频而不触发混合内容警告（即 Chrome 中带有黄色警告标志的锁）？

谢谢

Answer 1

似乎（截至 2012 年 10 月）这是预期行为，并且没有计划更改它：https://code.google.com/p/gdata-issues/issues/detail?id=2964&can=1&q =youtube%20https&colspec=API%20ID%20Type%20Status%20Priority%20Stars%20Summary

Answer 2

您可以通过将 iframe API 脚本配置为如下所示来解决此问题。

使用“//”作为标签 src

var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var url = window.location.pathname; 

这将导致播放器使用与其嵌入的页面相同的协议加载资源。

Answer 3

这是一个旧线程，但这是我在弹出窗口中打开视频的解决方案，没有来自 Firefox 的警告。

我之前使用的链接，是来自YouTube的链接：https://youtu.be/L5CrXP7z6KY?si=4wAum15oVXmt6m-e 通过此链接，它不会给我错误。 ：https://www.youtube.com/embed/L5CrXP7z6KY