Question

我遇到youtube视频嵌入问题;

在我网站上的某些地方（如新闻等），视频通常会被显示并且可以被观看，而在其他地方（主要是论坛主题），只要我鼠标移动它就会闪烁（向YouTube发送新的HTTP请求，因为我可以见Firebug）。

它definitelly与CSS渲染有关;当我禁用JS没有任何更改但禁用CSS导致它正常工作。

Firefox版本：3.6.12 Flash版本：10.1.82.76

我用于嵌入的代码：

<object type="application/x-shockwave-flash" width="390" height="293" data="http://www.youtube.com/v/pIxVoDNbujM?ft=18">
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <param name="wmode" value="transparent"></param>
    <param name="movie" value="http://www.youtube.com/v/pIxVoDNbujM?ft=18"></param>
</object>

（为了保持W3 HTML有效，闪烁也会发生在正常的嵌入代码中）。

你可以在这里看到它“在行动中”： Youtube embed code flickering in Firefox

编辑：OMG，它在我退出时工作正常......现在没有什么是清楚的，因为CSS对于用户和访客来说是相同的，标记上只有一些细微的差别......

Answer 1

这是因为嵌入后面的元素（父div的子级相同），有一个非块级元素（小），类clearfix（做一个clear：both），这被错误地解释通过Firefox。

将display:block;放在.clearfix上就可以了，它现在完美无缺。

Answer 2

它确实适用于我（Firefox 4测试版），所以也许它是你的浏览器..

我建议您始终使用SWFObject来嵌入Flash。这是最好和最兼容的方式，也许你已经摆脱了你的问题。

Youtube Flash在Firefox中嵌入闪烁

2 个答案: