Question

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

Answer 1

rob.m - 是的，显示和隐藏vimeo视频会导致出现随机黑屏。我刚刚在一个项目上碰到了这个问题，并且在一天中找到原因，把头发撕掉了。

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

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

[简短的咆哮：Vimeo API文档留下了很多需要]

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

Answer 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);

vimeo嵌入在firefox上显示黑屏？

2 个答案: