vimeo embed在Firefox上显示黑屏？答案

【问题标题】：vimeo embed showing black screen on firefox?vimeo embed在Firefox上显示黑屏？
【发布时间】：2012-03-01 11:43:06
【问题描述】：

我将视频嵌入到我的网站中，在所有浏览器中都运行良好，但在 firefox 上显示黑屏，你知道吗？使用 iframe 模式。最有趣的是，有些会出现，有些不会对所有人使用相同的嵌入方法。

【问题讨论】：

等一下！你能相信现在他们工作了吗？为什么？！？！我什么都没碰！和其他用户遇到与我相同的事情，但其他用户说他们能够看到视频？哇！？这是为了驱使疯狂的开发者亲爱的 vimeo 男孩女孩们！顺便说一句，Firefox 最新版本
我在看您的视频时认为它们似乎大部分都有效，但我无法找出问题所在。我确实注意到偶尔（我将 Firefox 缩小到可以轻松查看页面的程度）视频会加载黑色背景，但如果我切换到另一个选项卡并返回它会显示图像，我想知道它是否是一些CSS z-index/flash wmode 问题？
那里没有任何 z-index 或者它不应该使用 wmode，无论如何也不要自己设置它。但是 iframe 是用于通用播放器的，它应该会自动检查它是否可以使用 html5 或 flash 版本，但它似乎不起作用：vimeo.com/api/docs/player

标签： php jquery css wordpress vimeo

【解决方案1】：

rob.m - 是的，显示和隐藏 vimeo 视频会导致出现随机黑屏。我刚刚在一个项目中遇到了这个问题，并在一天的大部分时间里都想弄清楚原因。

如果您需要显示/隐藏视频，并且需要不显示黑屏，则必须使用老式 Flash 嵌入。那可行。

这是一种权衡 - 一致的嵌入图像 = flash 或不一致的嵌入图像 = 通用方法（阅读：HTML5 w/flash fallback）。

[简要说明：Vimeo API 文档还有很多不足之处]

如果您需要与您显示/隐藏的这些视频进行进一步交互，并计划使用 Vimeo API 来执行此操作，我发现我必须使用 SWFobjects 库方法。有关更多信息，请参阅此论坛帖子：http://vimeo.com/forums/topic:44521 - 特别是倒数第二个帖子。

【讨论】：

谢谢，但是 ipad 和 iphone 怎么样？我在一个ajax调用上加载iframe，一旦盒子展开，我可以尝试加载视频，一旦它的盒子展开并避免“最初隐藏”，就像他们说的那样（？）

【解决方案2】：

最终我想出了使用这个：

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

主页：

<span class="video clearfix" data-vimeoid="<?php echo the_field('vimeo') ?>"></span>

要加载的内容页面：

var url = this.href + " .content";
var videoSpan = infoBox.find("span.video");
var iframe = $('<iframe/>', {

        'frameborder' : 0,

        'width' : '692',

        'height' : '389',

        'src' : 'http://player.vimeo.com/video/'+ videoSpan.data("vimeoid") +'?autoplay=0&api=1'

});

videoSpan.replaceWith(iframe);

【讨论】：