Удалить встроенный Vimeo Video Border с помощью Javascript

Question

Я пытался удалить границу вокруг встроенного видео Vimeo на моем сайте.Я пытался удалить границу с помощью CSS и JS, но безрезультатно.

Мне интересно, есть ли способ удалить границу с помощью Javascript.

Видео можно посмотреть здесьверхняя часть страницы: http://feliciasantos.com/handforgedworks/

Answer 1

Фелиция, я думаю, что сам видеоконтент загружен в Vimeo с верхними и нижними черными полями, что делает практически невозможным их удаление с помощью JS или CSS.

См. Отдельный проигрыватель здесь: https://player.vimeo.com/video/292992048

(Это можно сделать, так как это фоновое видео и элементы управления не нужны, но это не так просто, вам нужно будет найти правильное соотношение сторон только для видео контента без черных границ.Высота видео контента и разделить его на ширину. Это соотношение. Затем вам нужно будет обернуть iframe в div, который подтверждает это соотношение с overflow: hidden, где iframe расположен абсолютно в центреdiv, например http://jsfiddle.net/luwes/grybtsfm/)

Однако лучший способ заставить его работать - это обрезать оригинальное видео, чтобы удалить черные границы, и повторно загрузить его в Vimeo.

Надеюсь, это поможет.