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: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 (:

5a:[["$","$L5d",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":"$5e","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}}],"$L5f"]

Suggested for you