Custom Video Player in Framer (No-code tutorial)

Live demo: videocomponent.framer.website/
Remix this project: framer.com/projects/new?dupli...
In this video, we'll guide you through the process of how to create custom video player in Framer. You can use the video player to match with your unique site style. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website.
Chapters:
00:00 Preview
00:38 How to Create Video Component
02:05 How to Create Pause and Play Buttons
04:58 How to Add Video Overlay
05:58 How to Make Controls Visible
07:18 How to Add Variables to Component
08:34 How to Edit Pause and Play Buttons
Don't forget to like the video if you find it helpful and subscribe to our channel for more Framer tutorials and design inspiration.
_________________________________________________________
Find me on other channels:
Twitter/X: / tonjrv
Instagram: / tonjrv
Threads: www.threads.net/@tonjrv
________________________________________________________
If you have any questions or suggestions, please leave them in the comments section below. Let's dive into the world of interactive design with Framer!

[@manuel8631]

nice one, thanks also for the free remix

[@tonjrv]

No worries mate, glad you liked it 🙌

[@JoseSoto-mo1tn]

Great video as always Tony!!, can you do a video how to create custom slideshow.. thank you!

[@tonjrv]

Thanks a lot mate! That's a great idea, I'll add it to my video list 🔥

[@Muzamalhussain155]

Amazing, but you can upload file in limit I created completely custom where you can upload any size file

[@tonjrv]

Sounds nice! Is that some code component you created to override the Framer's built in limits?

[@Muzamalhussain155]

@@tonjrv I created completely custom code component but everything can be edited

[@Nowski11]

really nice, Toni :)
thanks for the tutorial and remix link. I'm learning a lot from your videos!

[@tonjrv]

Awesome to hear that mate! And let me know if you have any questions 🙌

[@eingmotivation]

Wow great It's very helpful

[@tonjrv]

Awesome to hear that! Let me know if you have any questions 🙌

[@eingmotivation]

How to create e-commerce website with a framer.
And how to sell a framer template.

[@tonjrv]

Thanks! I'll add them to my list of to-do videos 🙌

[@BerkayBB]

For some reason it does not work in Safari for Mac.. When I upload a video myself and tap the play button it doesn't play the video. But it works on Chrome, though. Very weird..

[@tonjrv]

Sounds weird. I checked my components and they work normally also on my Mac/Safari combo. 🤔

[@sameernikhil6990]

How to assign a website link to a button in framer??

[@tonjrv]

Hi, just select the button layer and you should find the "Link" menu from the right-side menu. 🙌

[@Julio-nc7jt]

no me funciona y he hecho todo como has dicho jaja

[@tonjrv]

qué aspecto no funciona. Puedo intentar ayudarte. (por cierto, esto es con el traductor de Google)