Css 嵌入式视频创建位置错误：固定顶部标题

我在页面顶部有一个菜单元素

position:fixed;
z-index:1000;

而且它通常停留在页面的顶部，没有任何抱怨。然而，每当我在页面中嵌入youtube视频（当时也必须在播放）时，固定菜单似乎会出现各种各样的故障和跳跃。这是一个常见的问题，嵌入式视频干扰位置：固定元素？问题出在Chrome和Safari上，但奇怪的是，不是Firefox

这个控制台错误与此有关吗？ 不安全的JavaScript试图访问URL为ww.youtube的帧。。。从URL为ww.youtube的框架。。。域、协议和端口必须匹配

我知道这个描述不是很详细，所以这里是url:。我正在制作我高中的校报网站，我在这一问题上遇到了难题——以前从未见过。播放视频时尝试上下滚动。谢谢你的帮助

iframe所在的div为：

<div class="entry-content">
    <p>
        <iframe... />
    </p>
</div>

---

如果有帮助的话，我如何设置它是因为它当前提取wordpress帖子内容的输入内容，这只是youtube url，wordpress将url转换为嵌入到该分区中的内容。

这不是youtube bug。这是一个webkit错误，与重新绘制固定位置项目有关。我建议用webkit归档这个bug。

---

如果您现在想要解决此问题，我建议您收听窗口滚动事件并更改菜单样式（宽度、高度或位置）以强制重画。

我遇到了完全相同的问题，我找到了一个非常简单的解决方案。添加以下参数：

?wmode=transparent

转到youtube视频url。例如：

<iframe width="560" height="315" src="http://www.youtube.com/embed/brg1H4BuII8?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>

---

更多细节。

我发现添加样式规则

-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);

---

对于固定元素，我整理出了我的疯狂。

这个问题与嵌入式系统编程无关。重新标记。尝试共享视频的css或包含它的div。谢谢，我以为我疯了。威尔很可能会将位置设置为“绝对”以解决问题。这刚刚救了我的命。谢谢。如果有人能解释一下这个巫术是如何运作的，那就太好了，不过这也救了我的命。太好了，谢谢！你知道为什么它在IE和FF中工作，而不是在Chrome中吗？