YouTube的IFrame的API生成混合内容的警告与HTTPS + HTML5(YouTube

2019-08-07 15:33发布

当我嵌入YouTube使用HTML5模式的IFRAME API HTTPS页面上,它仍然拉动使用HTTP的实际流,其产生混合内容的警告。 这是正确的用例支持?

我发现这个讨论从2011年这表明事实并非如此。 不过,我只是试图使用HTTPS访问CDN服务器和它的作品 - 种 - 但它返回错误的证书(google.com,而不是东西youtube.com)。

有没有人成功地使用嵌入在HTML 5中的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; 

这将导致玩家使用相同的协议,因为它是嵌入在页面加载的资源。



文章来源: YouTube IFrame API generates mixed content warning with HTTPS + HTML5