Embed as Webflow component

Vidzflow allows you to also embed video player with native Webflow components, allowing you full flexibility when styling.

Steps to get this working:

  1. Go to the video page and open the "Share" dialog.

  2. Go to the Webflow tab and follow the instructions there.

    First, if you don't already have our script embedded on your page, embed it via global settings or site settings.

  3. Style the component however you like in Webflow designer.

  4. Supported data attributes that you can assign to the `.video-container` element:

    1. data-vf-autoplay - Autoplays the video on load, automatically muted, because of the browser limitation.

    2. data-vf-muted - Mutes the video on load.

    3. data-vf-loop - Loops the video when it reaches the end.

Notes:

  • When updating the version of the external script, please always copy and paste the fresh component to Webflow. It's possible there were some markup changes, which could prevent the video from working, though we will try to make them backward-compatible as much as possible.

Last updated