The only way to properly embed MediaZilla videos or presentations on Squarespace is with a Code Block. This ensures your content scales correctly across desktop and mobile.
Using a Code Block
In Squarespace, add a Code Block where you want the video or presentation to appear.
Copy the responsive embed code from your MediaZilla dashboard (
Share Link & Embed
settings).Example:
<div style="position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;"> <iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" src="https://mediazilla.com/XXXXXXXXXX" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe> </div>
Paste the code into the Code Block.
Save — your embed will now resize dynamically with the page.
⚠️ What Not to Use
Embed Block – strips out the responsive wrapper, leaving only a fixed-size iframe.
Video Block – only works with YouTube and Vimeo links. MediaZilla links are not supported.
🔗 Tip: For more customization (autoplay flags, privacy settings, QR code, etc.), see our general embedding guide.