Layer Slider

3.4.3. Video

Last updated: Fri Jan 11 2019

Video layer supports to add Youtube, Vimeo or HTML 5 video. For each type of video, you can apply, video width/height, position

Video Settings

Full Screen

OFF = YouTube’s video iframe will be whatever width and height you choose (see Layer Styles).

ON = YouTube’s video iframe will cover the enter size of the slider (width and height will both automatically set to 100%).

Full Cover

OFF = Video will have a CSS background-size of “contain”. This means the video will never be cropped, but depending on the video’s original size ratio in relation to the slider’s actual size, blank space on the sides of the video may occur.

ON = Video will have a CSS background-size of “cover”. This means the video will always cover the entire size of the slider, but depending on the video’s original size ratio in relation to the slider’s actual size, video cropping may occur.

Loop Video

Disable: Video will only play once each time the video is initially played.

Loop – Slide is paused:

Video will loop endlessly, and the slide will never change unless the slider’s navigation is used (next button clicked, etc.).

Loop – Slide does not stop:

Video will loop endlessly until the slide’s delay is reached. For example, if your slide’s are normally meant to be shown for 10 seconds, but your video’s length is only 5 seconds, the video will play twice before the slide actually changes.

Autoplay

Choose to autoplay the video when it animates into view.

Next slide at end: If this option is checked, the slider will move to next slide after the video done

Rewind at Slide Start: If this option is checked, the video will rewind from start when it animates to the view

Control: Show video control or not

Mute: Mute video audio or not

Volume: Set value for video audio

Poster Type: the possible value can be None (not show th video poster), Video Thumbnail or upload your custom image