1 px black lines on Vimeo embed videos
-
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! -
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
-
@mariusjopen Done!
If the code is in the CSS custom section, do we place the videos by using the +Video button or +HTML?
Thanks! -
@mariusjopen Actually, don't worry, we'll try do it in a different way. Thank you anyway!
-
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it