【发布时间】:2019-01-23 04:15:41
【问题描述】:
我一直在尝试删除我网站上嵌入的 Vimeo 视频周围的边框。我试过用 CSS 和 JS 去除边框无济于事。
我想知道是否有办法使用 Javascript 删除边框。
可以在页面顶部看到视频:http://feliciasantos.com/handforgedworks/
【问题讨论】:
标签: javascript vimeo revolution-slider
我一直在尝试删除我网站上嵌入的 Vimeo 视频周围的边框。我试过用 CSS 和 JS 去除边框无济于事。
我想知道是否有办法使用 Javascript 删除边框。
可以在页面顶部看到视频:http://feliciasantos.com/handforgedworks/
【问题讨论】:
标签: javascript vimeo revolution-slider
Felicia,我认为视频内容本身上传到 Vimeo 时带有顶部和底部黑色边框,这使得使用 JS 或 CSS 几乎无法删除它们。
在此处查看独立播放器:https://player.vimeo.com/video/292992048
(因为它是背景视频,不需要控件,但它不是那么容易,你必须找出正确的宽高比,只有没有黑边的视频内容。所以取高度视频内容并将其除以宽度。这就是比率。接下来,您必须将 iframe 包装在一个 div 中,该 div 使用 overflow: hidden 确认该比率,其中 iframe 绝对位于 div 的中心,例如http://jsfiddle.net/luwes/grybtsfm/)
然而,让它发挥作用的最佳方法是裁剪原始视频以去除黑色边框并将其重新上传到 Vimeo。
希望这会有所帮助。
【讨论】: