Youtube iframe api 阻止加载混合的活动内容答案

【问题标题】：Youtube iframe api Blocked loading mixed active contentYoutube iframe api 阻止加载混合的活动内容
【发布时间】：2015-04-14 06:59:37
【问题描述】：

在我们使用 Kentico 构建的网站上，我们嵌入了一个 youtube 视频，如下所示：

 <div class="youtube">
  <iframe width="100%" height="100%" src="https://www.youtube.com/embed/<%# Eval("YouTubeId") %>?autoplay=0&amp;autohide=1&amp;controls=1&amp;loop=0&amp;playlist&amp;rel=0&amp;fs=1&amp;wmode=transparent&amp;showinfo=0&amp;modestbranding=1&amp;iv_load_policy=1&amp;start=0&amp;theme=dark&amp;color=red&amp;enablejsapi=1&amp;" frameborder="0" allowfullscreen></iframe>
</div>

上面的 iframe 有一个与之关联的缩略图，看起来像这样

<div class="poster"><span></span><%# IfImage("Thumbnail",GetBrickImage(Eval("Thumbnail"), "featurevideo", Eval("Title")), "") %></div>

位于 youtube 类的结束 div 下方。

现在我的问题是，当用户访问网站并在缩略图上按下播放时，视频不会立即播放，而是缩略图消失，并且出现默认的 youtube 播放按钮，使用户再次按下播放，当我使用开发者工具栏，第一次按play就报错了

Blocked loading mixed active content "http://www.youtube.com/iframe_api"

我一生都无法弄清楚出了什么问题，我们最近在此站点当前所在的服务器上安装了 SSL 证书，从那时起它就导致了这个问题。从我所阅读的内容来看，人们建议放弃 www。所以它会是https://youtube.com....这对我没有帮助。然后我在 IE10/Chrome 上进行了测试，问题仍然存在。任何人都可以为此提出任何建议吗？

【问题讨论】：

标签： iframe youtube youtube-api kentico

【解决方案1】：

这是 CKEditor 的限制。 8.2.1版本已解决。

http://devnet.kentico.com/questions/kentico-v8-ckeditor-youtube-embeds-https

【讨论】：

@brendankehren 我们目前正在运行版本 7 中的项目，我无法对其进行热修复，因此我需要找出另一个解决方案
@ScottAtkinson 如果您目前处于有效的维护协议中，您可以发送电子邮件至 Kentico 支持并要求为您的版本提供替代解决方案（因为它仍然受支持）。