I am also having this odd border/embossed effect when I try and embed an autoplaying vimeo link.
The code I'm using is what @Nick_SquareKicker suggested:
<iframe src="https://player.vimeo.com/video/718931958?autoplay=1&loop=1&autopause=0&background=1&muted=1&color=ffffff&controls=0&portrait=0&frameborder=0” allow="autoplay; fullscreen" allowfullscreen/iframe>
Followed up the custom css:
// Embed Block for Video
#siteWrapper .embed-block {
aspect-ratio: 16/9 ;
margin: 17px;
padding: 0px !important;
iframe {
position: absolute;
width: 100%;
height: 100%;
}
&:first-child,
&:last-child {
padding: 0px !important;
}
}
I can't tell where this border is coming from!
This site is here: https://thisispidgintestsite.squarespace.com/config/settings/site-visibility
Any help would be super appreciated!