我一直在尝试删除网站上嵌入的Vimeo视频周围的边框。我尝试删除CSS和JS的边框无济于事。
我想知道是否有一种方法可以使用Javascript删除边框。
可以在页面顶部的此处查看视频:http://feliciasantos.com/handforgedworks/
答案 0 :(得分:0)
Felicia,我认为视频内容本身已上传到具有顶部和底部黑色边框的Vimeo,这几乎不可能用JS或CSS删除它们。
在此处查看独立播放器:https://player.vimeo.com/video/292992048
(可以完成此操作,因为它是背景视频并且不需要控件,但并不是那么容易,您必须找出仅视频内容的正确长宽比,而不要使用黑色边框。因此,请选择高度视频内容,然后将其除以宽度。这就是比率。接下来,您必须将iframe包裹在div中,并用overflow: hidden
确认该比率,其中iframe绝对位于视频中心div,例如http://jsfiddle.net/luwes/grybtsfm/)
不过,使其正常工作的最佳方法是裁剪原始视频以删除黑色边框,然后将其重新上传到Vimeo。
希望这会有所帮助。