vimeo嵌入在firefox上显示黑屏?

我将video嵌入到我的网站中,在所有浏览器中都运行良好但在firefox上显示黑屏,任何想法? 使用iframe模式。 最有趣的是,有些人出现了,有些人并没有使用相同的嵌入方法。

rob.m – 是的,显示和隐藏vimeovideo将导致出现随机黑屏。 我刚刚在一个项目中碰到了这个问题,并且在一天中找到原因,弄清楚我的头发。

如果你需要显示/隐藏video,并且你需要黑屏不显示,你将不得不使用旧的学校flash嵌入。 那可行。

这是一个折衷 – 一致的嵌入图像=闪存或不一致的嵌入图像=通用方法(阅读:HTML5 w /闪回后退)。

[简短的咆哮:Vimeo API文档留下了很多不足之处]

如果您需要进一步与这些显示/隐藏的video进行交互,并计划使用Vimeo API这样做,我发现我必须使用SWFobjects库方法。 有关更多内容,请参阅此论坛post: http : //vimeo.com/forums/topic : 44521 – 具体来说,是倒数第二篇。

来自vimeo api:

“注意:如果您的网站包含嵌入的通用播放器,但不会立即显示,则最好不要在video准备好显示之前包含嵌入代码。某些浏览器中存在阻止正常运行的错误如果最初隐藏了播放器的初始化。“

这可能是我的问题,因为它的容器盒首先被隐藏,然后应用.show()。

http://vimeo.com/api/docs/player

最终我想出了这个:

在主页面中,我有一个元素,然后我填充并替换为iframe。 谢谢

主页:

 

要加载的内容页面:

 var url = this.href + " .content"; var videoSpan = infoBox.find("span.video"); var iframe = $('', { 'frameborder' : 0, 'width' : '692', 'height' : '389', 'src' : 'http://player.vimeo.com/video/'+ videoSpan.data("vimeoid") +'?autoplay=0&api=1' }); videoSpan.replaceWith(iframe);