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

时间:2013-01-21 13:24:08

标签: ssl https youtube-api youtube-iframe-api

当我使用HTML5模式下的iframe api将youtube嵌入到HTTPS页面上时,它仍会使用HTTP提取实际流,这会生成混合内容警告。是否正确支持此用例?

我从2011年发现了this discussion,这表明事实并非如此。但是我只是尝试使用HTTPS访问CDN服务器并且它有效 - 但是它返回了错误的证书(google.com而不是youtube.com的东西)。

有没有人设法使用HTML5中的IFRAME API在HTTPS页面上嵌入视频而不会触发混合内容警告(即Chrome中带有黄色警告标志的锁定)?

由于

2 个答案:

答案 0 :(得分:5)

答案 1 :(得分:0)

您可以通过将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; 

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