javascript - ssl 阻止 javascript 插件

Question

我建立并托管了一个网页。我使用“漂亮照片”插件在弹出窗口中播放 YouTube 视频。它似乎在本地机器上运行良好，但在托管时会出现弹出窗口，但不会按应有的方式加载或播放视频。 The site hosted

在上述站点中，产品范围部分包含图像，单击这些图像将在弹出框中播放视频。我有这个问题。它在 http://中运行良好提前谢谢你。

Answer 1

您的网站上有 http://引用，如果您检查浏览器控制台，您会看到如下所示的错误。无法播放的 YouTube 视频是由于 iframe 包含使用 http 而不是 https 的 YouTube URL(请参阅 div id=pp_full_res)。其他错误(例如无效的 Twitter 链接)也有类似的原因。

火狐:

Blocked loading mixed active content "http://platform.twitter.com/widgets.js?_=1456900312321"

Blocked loading mixed active content "http://www.youtube.com/embed/uA2bEbabOmU?rel=1&autoplay=1"

Chrome :

Mixed Content: The page at 'https://www.liveroom.xyz/#prettyPhoto/0/' was loaded over HTTPS, but requested an insecure script 'http://platform.twitter.com/widgets.js?_=1456900209193'. This request has been blocked; the content must be served over HTTPS.

Mixed Content: The page at 'https://www.liveroom.xyz/#prettyPhoto/0/' was loaded over HTTPS, but requested an insecure resource 'http://www.youtube.com/embed/xDXqWGoUyuw?rel=1&autoplay=1'. This request has been blocked; the content must be served over HTTPS.