Vimeo iFrame偶尔会加载

Question

这个vimeo视频可以通过下面的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>

但是一旦作为此页面的一部分加载,它将只在某些时候工作.我禁用了所有适用的CSS规则到该iFrame元素,但它仍然无法加载.

这种情况发生在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>

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