使用Java删除嵌入式Vimeo视频边框

时间:2019-01-23 04:15:41

标签: javascript vimeo revolution-slider

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

我想知道是否有一种方法可以使用Javascript删除边框。

可以在页面顶部的此处查看视频:http://feliciasantos.com/handforgedworks/

1 个答案:

答案 0 :(得分:0)

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

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

(可以完成此操作,因为它是背景视频并且不需要控件,但并不是那么容易,您必须找出仅视频内容的正确长宽比,而不要使用黑色边框。因此,请选择高度视频内容,然后将其除以宽度。这就是比率。接下来,您必须将iframe包裹在div中,并用overflow: hidden确认该比率,其中iframe绝对位于视频中心div,例如http://jsfiddle.net/luwes/grybtsfm/

不过,使其正常工作的最佳方法是裁剪原始视频以删除黑色边框,然后将其重新上传到Vimeo。

希望这会有所帮助。