javascript - 使用 Javascript 删除嵌入式 Vimeo 视频边框

Question

我一直在尝试删除我网站上嵌入的 Vimeo 视频周围的边框。我试过用 CSS 和 JS 删除边框无济于事。

我想知道是否有办法使用 Javascript 删除边框。

该视频可以在页面顶部看到：http: //feliciasantos.com/handforgedworks/

标签： javascriptvimeorevolution-slider

Answer 1

Felicia，我认为视频内容本身上传到 Vimeo 时带有顶部和底部的黑色边框，这使得使用 JS 或 CSS 几乎不可能删除它们。

在此处查看独立播放器：https ://player.vimeo.com/video/292992048

（可以做到，因为它是背景视频，不需要控件，但这并不容易，您必须找出没有黑色边框的视频内容的正确纵横比。所以取视频的高度内容并将其除以宽度。这就是比率。接下来，您必须将 iframe 包装在一个 div 中，该 div 与overflow: hiddeniframe 绝对位于 div 中心的位置确认该比率，例如http://jsfiddle .net/luwes/grybtsfm/ )

然而，使其工作的最佳方法是裁剪原始视频以删除黑色边框并将其重新上传到 Vimeo。

希望这可以帮助。