Smart Videos
Play Vimeo, YouTube, and HTML5 videos inline on your page. Create custom preview covers with automatic pause when out of view.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) 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
Watch Tutorial
Add this attribute to the same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.