我在使用 Vimeo 将视频嵌入我的 WordPress 主题时遇到问题。视频嵌入左侧的 Vimeo 背景的 1px 边框显示(在 Chrome 中)。 Bootstrap 也是用这个主题实现的。
基本上，当嵌入 Vimeo iframe 时，它会在左侧显示一个非常细的黑色边框，这是其 iframe 的 Vimeo 默认背景。我们有一个白色的背景，所以它在某些页面上非常引人注目。如果您查看源代码，基本嵌入是:
<div>
<iframe src="http://player.vimeo.com/video/64685575" width="940" height="528" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
但实际的嵌入要复杂得多，并且在其中添加了 Bootstrap 流体样式等。我试过检查所有元素并对其进行编辑，但无法弄清楚。具有此问题的页面的一个很好的例子是:http://www.universityoffashion.com/disciplines/fashion-art/
最佳答案
这个答案不正确。 .player .video-wrapper 位于加载到 iframe 的 HTML 文档中，因此 !important 什么都不做，因为 iframe 从字面上加载了框架内的不同网页，而该网页不受本地 CSS 的影响。在过去的一年里，Vimeo 上有多次关于此问题的报告，但它们基本上没有反应。
我的解决方案是将我的 iframe 放在一个 div 中，位置为:绝对，顶部:0，左侧:0，宽度:100%。该宽度是 div 父级的 100%，在我的例子中，它受到响应式布局中列宽的限制。这确实有效，与之前标记为正确的答案不同。
关于具有响应式 Bootstrap 、Vimeo 嵌入和 WordPress 主题的 CSS 1 px 边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20343394/