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!
