Rate this item

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

Download 100+ Free Joomla! templates Download 100+ Free WordPress themes

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

Looking for a free Landing Pages template to start creating your stunning website?

90+ Landing Styles (Onepage) for Joomla! 80+ Landing Styles (Onepage) for WordPress

labor-day-50-percent-off

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[Flash Sale] Grab 50% OFF for PRO license and Membership! Limited time on today! Get Coupon Code now!
[HAPPY LABOUR DAY!] Grab 50% OFF for PRO License and Membership! Limited time on today => Get Coupon Code now!