Discover the best videoplayer websites created by professional designers. Get inspired and start planning your perfect videoplayer web design today!

Something in the pipe line but couldn't resit getting it on my showcase early. 

This video player is entirely customisable within the designer, it uses interactions for hiding and displaying the controls. All of which can be customised to your liking, I'll be releasing some documentation with the full release for the time being comment with any questions.  

Change Log
------------
15 July 2021 - Beta Release
26 May 2022 - Updated placeholder video URL as previous one was removed.

To Do List
----------

Hoping to publish the next update in June with a first release in July. 

- Implement timeline scrubber
- Fix mini mode
- Code checks to allow missing controls. 
- Add additional themes

Custom Video Controls

Custom Video Player

From my Webflow online course community came the wish to build this video player, which basically runs in a loop without sound as a background video. 
If you click on on the unmute button, the video plays from the beginning and the sound is activated.  

We need a bit of custom jQuery code for this. In addition, the Vimeo API must be included if you want to address Vimeo iFrames.

Watch the tutorial here: https://youtu.be/mKFZxHpYGng

Vimeo Background Video with Play Sound Toggle

Portfolio for Amelie Haeck, a Motion designer and
Art Director based in Montreal.

Amélie Haeck

Amelie Haeck

Make video embeds look more interesting. Here is a rebuild of a slick video player animation by Vercel. 

Your underlying video embed will appear and autoplay on click.

Video Player [Micro Interaction]

Watch tutorial at https://www.patreon.com/posts/74730032
Check out the docs at https://github.com/sampotts/plyr

Plyr.io

Custom Video Player using Plyr.io

Petit Hack

Aujourd'hui, on vous propose de découvrir comment créer des players personnalisés avec la librairie plyr.io pour vos projets Webflow. Idéal pour vos testimonials vidéos, ou bien partage de vidéos.

Petit Hack est une agence Webflow qui aide les équipes marketing à reprendre le contrôle de leur site web.
On vous partage toutes les semaines nos astuces Webflow, Nocode et Webdesign.

Liens et ressources :

Site de la librairie plyr.io : plyr.io
Suivez nous sur Twitch pour d'autres démos : https://www.twitch.tv/petithack

Découvrez notre agence : petithack.com

Plyer Video

Custom Video Players | Plyr.io | CMS Video player

ViDesigns

4 HTML player starter kits to help you build faster using Flowplay!

Flowplay – Create Custom Video Players On Webflow 🚀

👉🏽 Learn more: www.flowplay.io

4 Flowplay HTML Starter Kits

🔥 Flowplay HTML Starter Kits

Create stunning custom Vimeo players on Webflow with no-code!

👉🏽 Made using www.flowplay.io

Flowplay - Vimeo Player 1

🔥 Flowplay - Custom Vimeo Player

Lindgren Workspace

Multi-page site of photographer & videographer Iryna Holubieva. Implemented on Webflow using Vimeo video player and js text-animation. 
Website has a really exciting grid system for arranging photo shoots and video materials. 
Project also has several containers that behave differently depending on the user's screen resolution.

Ira G | Photography & Video Production

Fertilizer Is A Conceptual E-Store, An Innovative Digital Platform And A Creative Studio That Works To Showcase And Encourage New Talent.S In The Fashion And Art Industry By Featuring Original Collaborative-Collections Through Avant-Garde And Critical Editorial And Streaming Pages.

Fertilizer

FERTILIZER // CREATIVE DIGITAL PLATFORM AND ECOM

Flowout

Clean, distraction-free player. YouTube and other platforms clutter their player with links to steal your traffic. The Vidzflow player is clean, customizable, and lightning-fast.

Vidzflow Background Player

Flowplay – Create Custom Video Players On Webflow 🚀

👉🏽 Learn more: www.flowplay.io

Discover videoplayer websites built by the Webflow community

Discover videoplayer websites built by the Webflow community