Smart Videos

Play Vimeo, YouTube, and HTML5 videos inline on your page. Create custom preview covers with automatic pause when out of view.

Code Bracket Streamline Icon: https://streamlinehq.com

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.

Cog Streamline Icon: https://streamlinehq.com
Setup

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

Vertical Slider 4 Streamline Icon: https://streamlinehq.com
Options

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

YouTube

Watch Tutorial

Name
te-slider-slides-per-view
Description

Add this attribute if you would like to group slides together.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.