1 px black lines on Vimeo embed videos

[strk]

Hi @Armin-Unruh !
We have embed Vimeo videos in a container that is 100% width & height that displays a 1px black line. We've checked Vimeo forums and Vimeo claims that they are not the problem but the CMS we are using.
For example: http://www.querida.si/solange-seventy-states/

This si the code we are using
<style>
.embed-container { overflow: hidden; position: relative; padding-bottom: 63.15%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
}
</style>
<div class='embed-container'><iframe src='https://player.vimeo.com/video/248458987?autoplay=1&loop=1&autopause=0 frameborder=‘0’ mute='true' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

Any ideas as to how I can fix this?
Thanks!

[mariusjopen]

Hi @strk

can you insert your custom CSS in the Custom CSS section?

Then it is easier to edit and inspect. Not as an inline code it is rather messy.

Thank you!

Marius

[strk]

@mariusjopen Done!
If the code is in the CSS custom section, do we place the videos by using the +Video button or +HTML?
Thanks!

[strk]

@mariusjopen Actually, don't worry, we'll try do it in a different way. Thank you anyway!

[mariusjopen]

Hi @strk

all good!

Let me know when you need help with that then…

Merry Christmas!

Marius