SQUARESPACE HAS REMOVED THE EMBED "<>" FEATURE FOR ADDING IFRAME IN VIDEO BLOCKS. THIS MEANS THAT YOU NEED TO USE A EMBDED BLOCK INSTEAD. HOWEVER, YOU ALSO NEED THE BELOW CSS ADDED TO YOUR CUSTOM CSS AREA TO MAKE THE IFRAME FILL THE EMBED BLOCKS.
The below screenshot is a youtube iframe embed code in an embed block. The embed block on the left is a iframe without CSS , the embed block on the right is an iframe with the necessary css.
Embed Block Iframe Code: Youtube Example:
<iframe src="https://www.youtube.com/embed/_OuUbl_WKZU?playlist=_OuUbl_WKZU&autoplay=1&mute=1&controls=0&loop=1" frameborder="0" allow="accelerometer; " allowfullscreen></iframe>
Embed Block Iframe Code: Vimeo Example:
<iframe src="https://player.vimeo.com/video/625215456?autoplay=1&loop=1&autopause=0&background=1&muted=1&color=ffffff&controls=0&portrait=0" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
CUSTOM CSS NEEDED (Custom CSS Area)
// 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;
}
}
