无法删除iFrame嵌入式视频上的边框

时间:2014-05-17 02:08:22

标签: css iframe video responsive-design

使用iFrame删除嵌入视频(通过Wistia)上的边框时出现问题。该页面位于http://autopilotlist.wpengine.com/3-listing-leads-t/。

我在chrome中使用“inspect element”检查了css,并确认边框不是css问题(我能说的最好)。奇怪的是,边框只出现在顶部和左边缘 - 这使它几乎看起来像阴影或其他东西。

我也确认渲染视频的宽高比恰好是16:9,所以我不相信这个问题来自调整大小的问题。

这让我疯狂,我无法摆脱边界。欢迎提出任何建议。

已编辑:已设置frameBorder属性:

<iframe src="//fast.wistia.net/embed/iframe/tyxdpoy7rw?videoFoam=true" autoplay="true"     playbar="false" controlsVisibleOnLoad="false" allowtransparency="true" frameBorder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="960"></iframe><script src="//fast.wistia.net/assets/external/iframe-api-v1.js"></script>

无缝='无缝'属性对我不起作用。

感谢@ marc-audet - 电影文件是问题所在。我使用1920x1080 .png图像创建了视频。由于某种原因,文件在顶部和左侧呈现边框。我将剪辑缩放为101%并使图像居中。当我重新渲染并上传到Wistia时,新的嵌入式电影非常无边框。非常感谢小费,我从来没有尝试过这个!

0 个答案:

没有答案