使用css'column-count'时youtube嵌入的bug

Question

我在网页中插入了一个youtube嵌入代码(iframe代码),并使用css column-count自动将页面中的文本分成两列.

.newspaper
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

问题是当我在初始视口后嵌入youtube视频时,它显示为黑色图像.这是一个例子:http://jsfiddle.net/KTvCV/689/.似乎这是youtube和chrome的错误.这个问题有什么解决方案/修复方法吗？试过不同的东西而不是工作,所以想用jQuery columnizer而不是CSS列数.

Answer 1

无法复制此问题 - 观察结果

我发现 Chrome 尝试以多列格式显示 iframe 嵌入视频的行为非常不一致。

以下似乎并没有一致地解决问题：

1. 我尝试<p>在文本周围放置标签，认为这可能与行长相关。

2. 我尝试清除缓存。

3. 更改列的宽度

4. 更改 iframe 的尺寸

此外，首屏以下的视频似乎未渲染（绘制？）。

一次有效的案例

唯一看起来渲染良好的情况是第一列中出现一个视频。

我不知道为什么会这样。