5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tc3b,

The last Framer Video Player component you'll ever need.

Look, I've been there. You're building this gorgeous site in Framer, everything's coming together perfectly... and then you need to add a video.

Suddenly you're stuck with some basic player that doesn't keep up with the rest of the style of your website.

That's exactly why I built FramePlay.

Here's what actually makes it different:

You can throw literally any video at it. Local files, random URLs, YouTube, Vimeo... doesn't matter. It just works. (Revolutionary concept, I know.)

But here's where it gets interesting – you can make it look however you want. Not just "change the color" customization. I'm talking about using any Framer component as your play button. Interactive background effects, timeline styles and much much more...

The stuff that'll save you headaches:

Chapter markers with hover previews (because scrubbing through a 20-minute video to find "that part" is terrible)
Keyboard shortcuts that actually work (space to pause, arrow keys to skip, numbers to jump to percentages)
Plays when it comes into view, pauses when it doesn't (your users will thank you)
Picture-in-picture that remembers your loop settings (yes, this was broken in most players)
Speed controls for tutorial videos
Connects to Framer CMS without any weird workarounds

When you'll love this most:

Building portfolios where every detail matters. Course sites that need chapter navigation. Client work where "it looks professional" is non-negotiable. E-commerce sites with product videos that need to feel premium.

Think of it as a much cheaper version of premium video tools like Wistia but as a Framer alternative. You get the same look and feel, but with more flexibility and save on the $100+/month fee!

You know that moment when a client sees your work and immediately gets it? That's what happens when your video player matches the quality of everything else you've built.

The honest truth

This has way more controls than most people need. 50+ customization options because I got tired of components that were "almost perfect" but missing that one thing. If you just need basic video playback, this might be overkill.

But if you're building something that matters... something people will actually notice and remember... then yeah, this is probably what you want.

Unlimited support, Plus I actually answer emails if you get stuck.

Sometimes the details make all the difference. This is one of those times.

Check out the full example page here

5a:[["$","$L5d",null,{"post":{"id":"0198f663-985a-78be-a1de-d6cd1a87ecf0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"819018d8-b8c8-4378-b063-47f1b74d7585","name":"Dan Marek","slug":"dan-marek","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28940/6d0MJdcJf21RQ6wMHwqlIhnIjvc-S4CurXlBHerBb9gilLBCgkpxiqogUC.png","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5hCH0yEyh6JRHF0XdZb9","resolved":true,"title":"Framer Video Pro","body":"$5e","bodyJson":null,"introduction":"Rated EXCELLENT by 200+ customers","slug":"framer-video-pro","author":{"framerUserId":"819018d8-b8c8-4378-b063-47f1b74d7585","name":"Dan Marek","slug":"dan-marek","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28940/6d0MJdcJf21RQ6wMHwqlIhnIjvc-S4CurXlBHerBb9gilLBCgkpxiqogUC.png","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/5hCH0yEyh6JRHF0XdZb9/framer-video-pro-gFiKIedzPU75f1dCuZkqsIBqV769Ky","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-16T23:03:17.587Z","updatedAt":"2026-02-05T14:06:35.256Z","publishedAt":"2025-08-29T15:12:58.970Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://framerplay.framer.website/demo","price":"25","paymentUrl":"https://buy.polar.sh/polar_cl_qJ0SnNmGIBVPxmi3T6MZyz5SwGBkhnWnqx19Q2J7uFx","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"JKW818qOGrPUpLI8QyL1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-29T15:12:58.970Z","updatedAt":"2025-08-29T15:12:58.970Z","reported":false}}],"$L5f"]

Suggested for you