Videos
Create custom preview covers and play Vimeo, YouTube and HTML videos directly on your page.
Script
The custom code and script for this powerup can be added to your Webflow project using the "TooEasy Powerups" Webflow App. You can find the app on the Webflow Apps Marketplace or within the "Apps" tab in the Webflow designer. Once the app is installed simply locate the Powerup you'd like to use and click the "install script" button.
Wrapper
This div block is my parent video wrapper
Type
I'd like to use this particular type of video
Source
This is the link to where my video is hosted
Preview Target
This div block contains the preview video
Player Target
This div block contains the full video
Play Button
I want to use this button to play the video
Track Cookies
I want to adjust my cookies video settings
Lazy Load
I want all videos set to autoplay to only load when in viewport
Add this attribute if you would like to group slides together.
A value of "auto" will automatically group all slides within the viewport.
A value of "#%" groups the number of slides within this percentage in the slider viewport. (Change "#" with you number, E.g 80%)
A numbered value will groups slides based on this number. For example "3" will indicate 3 columns in each slide.
A number array will set different slide groups for different breakpoints. For example [4,3,2,1] to represent 4 on desktop, 3 on tablet, 2 on mobile landscape and 1 on mobile portrait.