Custom Video Players, made in Webflow.

Create Custom Video Players on Webflow.

A lightweight media player library made just for Webflow. Use Flowplay to fully customise your HTML, Youtube and Vimeo videos.

Flexible, Useful & Powerful

The Media Player Library You Wanted.

Everything you need to create a beautiful video player – no compromises.

HTML5 Videos –
Design freedom.

Unleash your creativity and build full custom video players on Webflow without ever worrying about code.

Learn more
hero-section
html-wrapper
f-data-video = wrapper
html-video-embed
f-data-video = video-element
video-control-wrapper
video-play-button
f-data-video = play-button
video-pause-button
f-data-video = pause-button
video-track-wrapper
video-track
f-data-video = progress-bar
video-progress-bar
f-data-video = progress
video-time-wrapper
video-current-time
f-data-video = current-time
video-duration
f-data-video = duration
settings-dropdown
dropdown-toggle
dropdown-list
speed-dropdown
dropdown-toggle
dropdown-list
speed-item
f-data-video-speed = 0.5
speed-item
f-data-video-speed = 1
speed-item
f-data-video-speed = 1.25
video-quality-dropdown
dropdown-toggle
dropdown-list
Video players 🚀
Flowplay.io
4:20
 / 
6:90

Made in Webflow

Vimeo Videos – Your Videos, Your Way.

Seize control of your Vimeo videos and tailor them to seamlessly match your website's brand and style.

Learn more
Vimeo video
Webflow styling
00:00
 / 
00:00

Webflow CMS – We've Got You Covered.

Flowplay effortlessly integrates with the Webflow CMS, enabling you to create and grow your website with ease.

Basic info

Name *
Slug *

Custom fields

Vimeo/Youtube Video ID
12345678A
Hosted Video Link
https://cdn.jsdelivr.net/gh/spacex/videos/elon.mp4
Video Title
Video Description

YouTube Videos –
Make Them Stand Out.

Youtube videos can look better and you can style them however you want, though its not perfect (Youtube limitations)

Youtube video
Webflow styling
00:00
 / 
00:00

Design Freedom

Make the player look how you want with the power of Webflow.

Attributes Only

No coding required. Just add attributes and see the magic.

Multiple Instanances

Why stop with 1? Add 2,3, or ∞ video players to your site!

Lightweight

Written in "vanilla" ES6 JavaScript, no jQuery required.

No Watermarks

We don't add ugly watermarks or branding. It's truly free to use.

Feature packed

We accounted for all the features you need and more.

Made for Webflow

Supports native Webflow elements and interactions.

100% Free

No watermarks, no monthly payments, no limitations.

Interactive Demo

Don't Believe Us? Take a Look.

Radiation Belt Storm Probes Launch
NASA
00:00
00:00
Webflow - Welcome to the Age of No-code
00:00
00:00
Everything you Want

Features You Need. Plus A Bit More.

Click around, its all made in Webflow

video quality

Fine-tune video quality settings with a customisable selector.

1080P
720P
480P
360P

Quality

Volume controls

Add custom volume controls easily.

50%

Playback Speed

Watch at your own speed with the adjustable video playback rate.

0.5
0.75
Normal
1.5

Speed

Scrub Video progress bar

Instantly jump to your desired scene with the interactive progress bar.

00:00
 / 
00:00
Flowplay+

custom
Playback controls

Have it your way with fully customizable controls.

video duration

Show current time and video duration.

4:20
/
6:90

Vimeo Videos

Fine-tune video quality settings with a customisable selector.

Flowplay+

Youtube Videos

Fine-tune video quality settings with a customisable selector.

Flowplay+

Preview on Track hover

Show a preview of the video when hovering over the video track.

Flowplay+

Supports Webflow CMS

Dynamically add videos using the CMS, hassle free.

Basic info

Name *
Slug *

Custom fields

Vimeo/Youtube Video ID
12345678A
Hosted Video Link
https://cdn.jsdelivr.net/gh/spacex/videos/elon.mp4
Video Title
Flowplay+

Custom Thumbnails

Flowplay+

Audio Player

Coming Soon
Flowplay+

Missing a feature?

Let us know

Video loading bar

Add loading bar to show users how much of the video has loaded. Works only on HTML videos.

Flowplay+

One Plan. One Price.

Free

Start making your HTML video players look better for free.

Free

Free forever, always.

Perfect for small projects.

Join for free

2 instances per page

No watermarks

Customisable HTML Videos

Custom playback controls

Custom volume slider

Interactive video progress bar

Basic support

Flowplay+

Custom Vimeo and Youtube players plus extra features.

$199

Billed once.

Perfect for freelancers and agencies.

Get Flowplay+ now

Unlimited Flowplay instances

Support for Vimeo, Youtube and CMS videos

Support for Youtube

Draggable video track

Custom video thumbnails

Keyboard shortcuts

Preview thumbnail on track

Priority Slack support

Best value!

Flowplay+

Custom Vimeo and Youtube players plus extra features.

$15/month

Billed monthly

Perfect for one-off projects or websites.

Get Flowplay+ now

Unlimited Flowplay instances

Support for Vimeo & Youtube videos

Webflow CMS integration

Custom video thumbnails

Keyboard shortcuts

Preview thumbnail on track

Priority Slack support

Lifetime

Limited launch day deal! Once gone, it's gone forever.

$249

Pay once, use forever.

Only for the OGs.

Get limited deal

All from Flowplay+ plan

Lifetime access

Two 20% discount codes to share

Feature requests

Early access to upcoming features

Private Slack channel & support

2/25 Plans Left!
Free Resources

Clone Some Super Cool Examples

All Resources

iPhone mockup (HTML Video)

A fully custom HTML player inside an iPhone.

2 HTML video Stater Kits

A compilation of 2 HTML players with all attributes added.

HTML video player #1

A simple HTML player with all attributes added.

Custom Vimeo player #1

Unstyled Vimeo player with all attributes added.

Verticle Phone mockup (Vimeo)

A fully custom Vimeo player inside an iPhone.

CMS video Library

A Youtube like video library that uses the Webflow CMS.

Questions? Answered.

Can I use Flowplay Basic for commercial purposes?

Flowplay Basic is free to use for both personal and commercial purposes. However, users are strictly prohibited from copying, modifying, replicating, reselling, or altering the original script files in any way. Failure to comply may result in legal action.

Flowplay must be used 'as is'. Any issues, malfunctions, or negative outcomes that arise from unauthorized modifications to the source code will not be addressed, supported, or rectified by us.

Does Flowplay host my videos?

No, Flowplay does not host your videos.

Flowplay is a no-code JavaScript library designed to enhance and customize your video players within Webflow. However, video hosting is not provided by Flowplay.

To host your videos, you will need to utilize third-party services such as AWS, Github, Sproutvideo, or others.

Vimeo does provide direct mp4 links to your videos if you are on the Pro, Business, Premium, Standard, Advanced, or Enterprise plan. More info here.

For more information on how to host your videos, you can refer to this guide provided by Webflow.

Where should I host my videos to use in my HTML Embed?

No, Flowplay does not host your videos.

To host your videos, you will need to utilize third-party services such as AWS, Github, Sproutvideo, or others.

At ViDesigns we use Github for videos <25mb and AWS for videos >25mb.

How to use Github to host videos
How to use AWS to host videos (Advanced)


Streamable is a quick and easy way to host your video files and get a MP4 URL. You will need a Basic plan to get a MP4 URL. More info here.

Vimeo does provide direct mp4 links to your videos if you are on the Pro, Business, Premium, Standard, Advanced, or Enterprise plan. More info here.

For more information on how to host your videos, you can refer to this guide provided by Webflow.

Do I need a paid Vimeo account to customise Vimeo players?

No! With the Flowplay+ plan, you can use any Vimeo video and build a custom video player around it. No paid Vimeo plan needed.

Does Flowplay work with Youtube videos?

Yes! With the Flowplay+ plan, you can take advantage of Youtube hosting and create a custom video player using Webflow.

However, do note that Youtube Player API limits the amount of customisation we can do. For a fully custom player, we suggest using Vimeo or other video hosting platforms.

Do I need to create an account for each client project I use Flowplay on?

No, you do not need to create a separate account for each client project when using Flowplay. Flowplay is a tool specifically designed for developers to create custom video players quickly, saving you valuable time.

With Flowplay, you can utilize your existing account for unlimited client projects, allowing you to leverage its capabilities and even upsell this functionality to your clients.

Made by ViDesigns
Black Friday Sale
$199 $139
Use code BLACKFRIDAY23 at checkout to get 30% off on Flowplay+ Lifetime plan
Get lifetime plan!