Skip to main content

How do I embed MediaZilla content on Squarespace?

Embed MediaZilla on Squarespace using a Code Block. Avoid the Embed and Video blocks, which break responsiveness or aren't supported.

Updated over 2 weeks ago

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

  1. In Squarespace, add a Code Block where you want the video or presentation to appear.

  2. 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>

  3. Paste the code into the Code Block.

  4. 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.

Did this answer your question?