It's time to create new or re-design your websites to bring it to the next level.

Collection of 200+ Free Joomla templates, support Joomla 3.9.x and Joomla 4 Listing of 300+ Best Free WordPress themes, WooCommerce compatible, Elementor supports!

In the previous article, we mentioned how to set up Image layers in Unite Revolution Slider, The following tutorial guides you how to set up video Layers. Just follow these steps

Have a look at this screenshot, select the “Add Layer: Video” option for individual Video Layer.

set up Video Layers in Unite Revolution Slider

Next, please choose from Youtbe / Vimeo / HTML5:

Youtube Settings

Unite Revolution Slider

Enter Youtube ID or URL

Please set the YouTuve Video ID here and Click on the Search button

Width / Height

It’s the Basic Width and Height of the Iframe Embedded Video in the Slider

FullWidth

Select this option to show your video in FullWidth Mode (within the Grid!) on the Slider

Loop Video

Select this option if you wish your video to be automatically looped.

Preview Image

Click on the Set button to set this option, the video will have an overlay, the image will be cropped automatically at the output to fit the video size.
When you click on the image, it will vanish and start your video.

Arguments

Please set Individual iFrame / Video Arguments here

AutoPlay

The video will play automatically if this option is set

AutoPlay Only First Time

If set, the video will play automatically only the first time the slide is shown!

Next Slide on End

Set this option if you wish next slide Transition starts automatically after the video has been played.

Unite Revolution Slider

Vimeo Settings

It is similar to Youtube settings. You can refer to the above

HTML5 Video Settings

Poster Image URL / Video MP4 URL / Video WEBM URL / Video OGV URL

Please enter sources of the video here, MP4/WEBM, OGV Sources should be added with Absolute Link.

Width / Height

It’s the Basic Width and Height of the Iframe Embedded Video in the Slider.

FullWidth

Set this option to show your video in FullWidth Mode on the Slider

Loop Video

The Video will loop if this option is selected

Hide Controls

Set this option if you want the video to not display control buttons.

Arguments

Set Individual iFrame / Video Arguments here

AutoPlay

The video will play automatically if this option is set

AutoPlay Only First Time

If set, the video will play automatically only the first time the slide is shown!

Next Slide on End

Set this option if you wish next slide Transition starts automatically after the video has been played.

Style / Edit CSS

Style / Edit CSS

Please use the Style Drop Down list to define a predefined Style or add your own Style. And use the Embedded CSS Editor if you want to change the Styling of the captions / Layers.

Use HTML5 Standard markups to embed headings, paragraphs, buttons, etc.

By default, The Captions have the white-space: nowrap. For line breaking, or add different layers for multiple lines, please use <br>.

Edit Video

Add the Video Layer to open the Dialog Window.

Align & Positions

Set the Align of the Layers / Captions here. If this option is not set, it will be left top by default.

Start Transition

Set the way that the Caption appears on the screen by select one of three options: Animation, Easing, and Speed.

End Transition

The Reverse Animation will be used as set in the Start Transition if it isn’t set.

Unite Revolution Slider

Link to Slide

Use the Drop Down list to set a special link. (Swap to Previous / Next slide, Scroll Under the Slider, Predefined Slide, etc.)

Left Corner / Right Corner

This option only works if Background Color has been set for Caption.

Responsive Through All Levels

If this option is set, all HTML Containers within this Caption are resized linear to Slider Sizes.

Hide Under Width

Hide Caption under a certain width.

Attributes

Set extra attributes into the caption, like extra classes, title, IDs.

From: http://www.unitecms.net

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

500+ Premium Joomla! and WordPress themes just $8.70/Month, Quickstart (dummy) package included, unlimited domains!

halloween deal

Buy onetime, get lifetime access!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $239.40 (instead of $399) after 40% discounted for Haloween Deal! Life-time Access, Download and Support, No Renewal.

More about Developer package of All-In-One Membership

The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: WORKATHOME More Details
HALLOWEEN WONDERFUL PARTY GET EXTRA 40% OFF FOR ALL PURCHASES. CODE: HALLOWEEN MORE DETAILS