5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:Tac7,

Pin a video on the bottom left or bottom right corner of your site.

Use cases

Personal intro on a portfolio — a talking-head "hi, I'm X, here's what I do" reel that injects some more personality into your site.
Founder welcome on a landing page — a quick pitch from the founder in the corner of a product site.
Case study walkthrough — pin a screen-recorded demo next to the written case study so visitors can watch the work in motion while they read.

Parameters

Video — 9:16. Accepts mp4, webm, or mov.
Pin to — which bottom corner the player lives in: bottom left or bottom right.
Entrance — how the player first appears on page load: Fade in, Slide in left, Slide in right, or Slide in bottom. Subtle by design; the effect parameters aren't adjustable.
Delay — how long to wait (0–10s) after page load before the entrance effect fires.
Player radius — corner rounding of the video player, 0–20px.
Width — width of the player in its normal (small) state, 120–240px. Height follows automatically at 9:16.
Expanded — width of the player when the visitor clicks the enlarge button, 240–400px.
Edge margin — gap between the player and the bottom + side edges of the screen, 0–80px.
Progress bar — color of the scrubber's fill.
Button text — the label on the collapsed button (e.g. "Watch intro").
Button color — background color of the collapsed button.
Button radius — corner rounding of the collapsed button, 0–20px.
Text color — color of the button's label and play icon.
Font size — label size, 10–16px.
Font — typeface for the button label (full Framer font picker).
Shadow — intensity of the drop shadow on both player and button, 0–100% of the designed look.
Autoplay — whether the video starts playing (muted) on page load.

Contact

If there are any issues, reach out to me at trotter.isaiah0@gmail.com and we'll get it resolved as soon as possible (:

59:[["$","$L5c",null,{"post":{"id":"019fa41d-e9cf-72eb-bd2b-279acdbc2c81","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c37ad2f7-88bd-46d8-8311-fd7484dc54df","name":"eyezayuh","slug":"isaiah-trotter","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c37ad2f7-88bd-46d8-8311-fd7484dc54df/hnu4lof3","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gStvwB6nCJv4BnwjWBSo","resolved":true,"title":"Corner Video Player","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pin a video on the bottom left or bottom right corner of your site. "}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal intro on a portfolio","marks":[{"type":"bold"}]},{"type":"text","text":" — a talking-head \"hi, I'm X, here's what I do\" reel that injects some more personality into your site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Founder welcome on a landing page","marks":[{"type":"bold"}]},{"type":"text","text":" — a quick pitch from the founder in the corner of a product site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study walkthrough","marks":[{"type":"bold"}]},{"type":"text","text":" — pin a screen-recorded demo next to the written case study so visitors can watch the work in motion while they read."}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Parameters","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video","marks":[{"type":"bold"}]},{"type":"text","text":" — 9:16. Accepts mp4, webm, or mov."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pin to","marks":[{"type":"bold"}]},{"type":"text","text":" — which bottom corner the player lives in: bottom left or bottom right."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Entrance","marks":[{"type":"bold"}]},{"type":"text","text":" — how the player first appears on page load: Fade in, Slide in left, Slide in right, or Slide in bottom. Subtle by design; the effect parameters aren't adjustable."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Delay","marks":[{"type":"bold"}]},{"type":"text","text":" — how long to wait (0–10s) after page load before the entrance effect fires."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Player radius","marks":[{"type":"bold"}]},{"type":"text","text":" — corner rounding of the video player, 0–20px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Width","marks":[{"type":"bold"}]},{"type":"text","text":" — width of the player in its normal (small) state, 120–240px. Height follows automatically at 9:16."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expanded","marks":[{"type":"bold"}]},{"type":"text","text":" — width of the player when the visitor clicks the enlarge button, 240–400px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge margin","marks":[{"type":"bold"}]},{"type":"text","text":" — gap between the player and the bottom + side edges of the screen, 0–80px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress bar","marks":[{"type":"bold"}]},{"type":"text","text":" — color of the scrubber's fill."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button text","marks":[{"type":"bold"}]},{"type":"text","text":" — the label on the collapsed button (e.g. \"Watch intro\")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button color","marks":[{"type":"bold"}]},{"type":"text","text":" — background color of the collapsed button."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button radius","marks":[{"type":"bold"}]},{"type":"text","text":" — corner rounding of the collapsed button, 0–20px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color","marks":[{"type":"bold"}]},{"type":"text","text":" — color of the button's label and play icon."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font size","marks":[{"type":"bold"}]},{"type":"text","text":" — label size, 10–16px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font","marks":[{"type":"bold"}]},{"type":"text","text":" — typeface for the button label (full Framer font picker)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow","marks":[{"type":"bold"}]},{"type":"text","text":" — intensity of the drop shadow on both player and button, 0–100% of the designed look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay","marks":[{"type":"bold"}]},{"type":"text","text":" — whether the video starts playing (muted) on page load."}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If there are any issues, reach out to me at "},{"type":"text","text":"trotter.isaiah0@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:trotter.isaiah0@gmail.com","target":"_blank"}}]},{"type":"text","text":" and we'll get it resolved as soon as possible (:"}]}]},"introduction":"Floating Vertical Video Widget","slug":"corner-video-player","author":{"framerUserId":"c37ad2f7-88bd-46d8-8311-fd7484dc54df","name":"eyezayuh","slug":"isaiah-trotter","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c37ad2f7-88bd-46d8-8311-fd7484dc54df/hnu4lof3","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c37ad2f7-88bd-46d8-8311-fd7484dc54df/019fa41d-3c42-760f-aba1-79e120a36cd9.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1786,"height":1351}}],"post":null,"createdAt":"2026-07-27T15:07:31.157Z","updatedAt":"2026-07-28T14:13:30.509Z","publishedAt":"2026-07-27T15:07:31.149Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cornervideo.framer.website/real","price":"5","paymentUrl":"https://eyezayuh.lemonsqueezy.com/checkout/buy/c16c8e47-13f4-4d81-b60c-8685f82d2e18","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"AMUWOvraj0X6BPda0DuL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T15:07:31.663Z","updatedAt":"2026-07-27T15:07:31.663Z","reported":false}}],"$L5e"]

Suggested for you