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.
Next, please choose from Youtbe / Vimeo / HTML5:
Youtube Settings
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.
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
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.
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.
Welcome to LT Digital Team. We make daily blogs for Joomla! and WordPress CMS, support customers and everyone who has issues with these CMSs and solve any issues with blog instruction posts, trusted by over 1.5 million readers worldwide.
Latest posts by LT Digital Team (Content & Marketing) (see all)
We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Recent Comments