All integration guides
Site builder integration / Framer
Make a Framer page move without making it heavy.
Add SuperDuper Videos to a Framer canvas with an Embed component, a responsive frame, and publication rules for the live domain.
Recommended install
Use an Embed component with the universal snippet. Choose the iframe when the site builder’s custom-code behavior is constrained.
Reviewed August 17, 2026
Why this route
Use the platform’s natural insertion point.
Framer’s Embed component accepts iframe URLs and embed scripts. The universal runtime is best for several placements; the iframe is a simple isolated option for one-off sections.
Installation
Four moves from dashboard to live page.
- 1Publish the video and approve the production Framer domain plus any preview domain used for acceptance.
- 2Open Insert, add an Embed component, and switch it to the HTML or script input.
- 3Paste the universal embed code and give the component a 16:9 frame or the ratio used by the video.
- 4Publish the Framer site and verify the real URL, responsive sizes, and playback controls.
Framer Embed component
<div
data-sdv-video="ve_replace_me"
style="display:block;width:100%;aspect-ratio:16/9;background:#020617;"
></div>
<script async src="https://embed.superdupervideos.com/v1/embed.js"></script>Iframe fallback
<iframe
data-sdv-frame="1"
src="https://embed.superdupervideos.com/v1/frame/ve_replace_me?coordination=1"
loading="lazy"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
style="width:100%;aspect-ratio:16/9;border:0;"
></iframe>
<script async src="https://embed.superdupervideos.com/v1/coordinator.js"></script>More integration guides
Ready for the real snippet?