Framer video hosting with real SEO schema.
Framer’s native video element doesn’t expose VideoObject schema, and YouTube embeds blow your scroll-perf budget. Drop a Framer Embed component, paste our 2 KB script, and you get smooth scroll-linked animations plus the SEO schema designers usually have to live without.
Direct answer
Q: How do I add a fast, SEO-rich video to a Framer site without breaking scroll performance?
A: Drop a Framer Embed component on the canvas, paste the HostMyVideo 2 KB script tag, and publish. The lite embed defers the player until press-play so Framer's scroll-linked animations stay at 60 fps, and the public watch page on hostmyvideo.io ships VideoObject + Clip schema — something Framer's native video element doesn't expose.
Why Framer video usually skips SEO entirely.
No VideoObject schema
Framer's native video element doesn't auto-emit VideoObject + Clip JSON-LD, so demo videos never qualify for Google's video search results or Key Moments carousels.
YouTube embeds tank scroll perf
A YouTube iframe pulls 800+ KB of player JavaScript on initial render, dragging Framer's scroll-linked animations down to 30 fps on mid-tier mobile.
No CMS Collection support
Native video can't drive per-item Collection page videos cleanly, so dynamic Framer CMS sites end up with duplicate hero footage everywhere.
Three steps. Compatible with the Framer CMS.
Insert → Embed
On the Framer canvas, click Insert and search Embed. Drop the component into the section where the video should live.
Switch to HTML mode
In the right inspector, toggle the Embed component from URL mode to HTML mode. Paste the HostMyVideo script tag in the HTML field.
Publish
Hit Publish. The 2 KB embed renders instantly. For Framer CMS, reference a Plain Text field for the video ID and every Collection item gets its own video.
Paste this in any Framer Embed component.
Replace YOUR_VIDEO_ID with the ID from your library. Switch the Framer Embed component to HTML mode and drop the snippet in.
<!-- HostMyVideo lite embed (~2 KB) -->
<!-- Paste in Framer's Embed component → HTML field -->
<div class="hmv-embed" data-video-id="YOUR_VIDEO_ID"
style="aspect-ratio:16/9;max-width:100%"></div>
<script async src="https://hostmyvideo.io/embed.js"></script>Pro tip — Framer CMS:
Add a Plain Text field called hmv_id to your Collection. In the Collection Page template, use a small inline script to inject the field value into the embed’s data-video-id. Every item ships its own video automatically.
Framer canvas with the Embed component selected
Built for designer-led marketing teams.
2 KB lite embed
Initial markup is a poster + play. Player loads on click — Framer's scroll-linked animations stay at 60 fps.
AI auto-pipeline
Whisper transcript, GPT chapters, GPT summary, and 50-language captions on every upload.
Custom domain
Pro plan ships videos.yourdomain.com — preserves first-party cookies and matches your Framer domain.
Branded player
Match Framer project colors — accent, controls, watermark. The player feels like part of your design system.
Indexed in Google
VideoObject + Clip JSON-LD on the watch page makes Key Moments and video search results possible — something native Framer doesn't expose.
Framer-specific questions.
Where exactly do I paste the embed in Framer?
Insert → Embed → and switch the Embed component from URL mode to HTML mode. Paste the script tag in the HTML field. Hit publish. You can also wrap the Embed in a Frame to control aspect ratio with Framer's responsive layout system.
Does this work with Framer CMS Collection pages?
Yes — that's the killer use case. Add a Plain Text field to your Collection (e.g. 'Video ID'), then in your Collection Page template put an Embed component using a small script that reads the field and injects the data-video-id. Every Collection item carries its own video automatically.
Will the embed break Framer's scroll-linked animations?
No. The lite embed adds roughly 2 KB and a single async script tag — no main-thread blocking, no layout shift. Scroll-linked variants, motion components, and entrance animations all stay at 60 fps because the heavy player code only loads on press-play.
Can I use my Framer custom domain for the video?
Pro plan and above. Add a CNAME (videos.yourdomain.com) at your Framer domain provider and point it at HostMyVideo. The embed will then serve from your domain instead of hostmyvideo.io, which preserves first-party cookies and looks cleaner in DevTools.
How does this compare to Framer's native video element?
Framer's native video is great for short, decorative loops. For content video you want indexed in Google or analyzed for retention, our embed adds three things Framer's native player doesn't: VideoObject + Clip JSON-LD on the watch page, per-video play / retention analytics, and AI-generated transcripts and chapters.
Does the embed work on Framer mobile breakpoints?
Yes. The lite embed is fully responsive and adapts to Framer's breakpoint system. The HLS player handles mobile data conditions automatically with adaptive bitrate streaming, so the embed looks crisp on desktop and stays performant on cellular connections.
Use HostMyVideo on every page builder.
Webflow
Paste in any Embed element — designer-friendly.
View guideIntegrationWordPress
Custom HTML block for Gutenberg, Classic, Elementor.
View guideIntegrationShopify
Embed in product descriptions or theme.liquid.
View guideIntegrationNotion
Paste the /v/ link — auto-embedded as a 2 KB iframe.
View guideFramer video that finally ranks.
14-day free trial of Pro. No card. Drop an Embed component, paste the script, ship faster scroll-linked design.