iframe - Vimeo iFrame 仅偶尔加载

Question

此 vimeo 视频 loads fine on its own使用下面的 iframe 代码段

<iframe src="http://player.vimeo.com/video/19513284?byline=0&amp;portrait=0&amp;color=ffffff" width="350" height="192" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

但一旦作为 this page 的一部分加载，它只会在某些时候起作用。我禁用了该 iFrame 元素的所有适用 CSS 规则，但它仍然无法加载。

这发生在 Chrome、Firefox 和 Safari 上，无论是否清除缓存。

有什么想法吗？

Answer 1

那是因为您的网站是安全的。浏览器已开始阻止加载在安全页面上的不安全元素。最简单的解决方案是从 iframe 的 src 中删除“http:”:

<iframe src="//player.vimeo.com/video/19513284?byline=0&amp;portrait=0&amp;color=ffffff" width="350" height="192" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

这将在必要时通过适当的协议(protocol)加载。请注意，我们仍在努力让我们的视频文件通过 https 加载，但在此期间嵌入仍然可以工作(您只会在某些浏览器的地址栏中看到警告)。