You can choose from following layers / captions:  HTML Markups,  Image, Video

For individuall Video Layer click on simple Add Layer: Video and follow the following settings:

Choose from Youtbe / Vimeo / HTML5:

YouTube / Vimeo Settings

Enter ID / URL

Set the Vimeo / YouTuve Video ID here and Click on Search 


Width / Height

Set the Basic Width and Height you wish to present your Iframe Embeded Video in the Slider


FullWidth

If selected, Video will be Shown in FullWidth Mode (within the Grid !) on the Slider


Video Loop

If selected, Video will be automatically looped


Preview Image

If set, the Video will have this as an overlay, the image will be automatic cropped at the output to fit the video size.
With a click on the Image, it will vanish and the video will start.

Arrguments

Set Indiivdual iFrame / Video Arguments here


AutoPlay

If Slide is loaded, video will play automatically 


AutoPlay Only First Time

If Slide is loaded, video will play automatically, but only the first time the slide is shown! 


Next Slide on End

After Video has been played, next slide Transition starts automatically
 


HTML5 Video Settings

Enter Sources of Video (can set different Sources for Fallbacks)

Use an Image to show when Video is not Player

MP4/WEBM, OGV Sources should be added with Absolute Link


Width / Height

Set the Basic Width and Height you wish to present your iFrame Embedded Video in the Slider


FullWidth

If selected, Video will be Shown in FullWidth Mode (within the Grid !) on the Slider


Loop Video

If selected, the Video will loop


Hide Controls

If selected, the Video will not have control buttons. This should be used with the autoplay option or the will probably not see that this is an video, that can be played.

Arrguments

Set Indiivdual iFrame / Video Arguments here


AutoPlay

If Slide is loaded, video will play automatically 


AutoPlay Only First Time

If Slide is loaded, video will play automatically, but only the first time the slide is shown! 


Next Slide on End

After Video has been played, next slide Transition starts automatically

Style / Edit CSS

To Define a predefined Style or add your own Style use the Style Drop Down list. You can change the Styling of the captions / Layers via the Embedded CSS Editor

Use HTML5 Standard markups in case you wish to embed paragraphs, headings, buttons etc.  
 

The Captions have the white-space:nowrap setting default. It is important because of the transitions. Please use <br> for linebreaking, or add different layers for multiple lines.
 

Edit Video

Open the Dialog Window as by Adding the Video Layer
 

Align & Positions

Set the Align of the Layers / Captions.  Left Top is default.  Drag and Drop move of the Layer will based on the Align. If you set the Align to Center Center, the Drag And drop will be based on this aligned position and use an Offset.

i.e. Center Center Offset X -100px Offset Y -100px  will be used in every reposnive size linear calculated.  If the Screen size is scaled to 50% than the Item is still in the middle of the grid and offset is -50px -50px  (linear calculated).

Center Center snaps the Center Center of the Layer to the Center Center position of the Gird.  Right Bottom snaps the Rightr bottom corner of the Layer to the Right Bottom corner of the Grid et.c..

Start Transition 

The way the Caption appear on the screen.  Select one of the Aniamtion , Easing and Speed.
 

End Transition

Optional. If not set, the Reverse Aniamtion will be used as set in the Start Transtion.  

In case the slide sould stay all the time on the slide, but end animation should be different then Start animation, please select your End animation, and set End Time to the same as the Slide Delay.  If no End Time set, End animation will be ignored ! 


 

Link to Slide

Set a Special Link, like Swap to Previous / Next slide, Predefined Slide, Scroll Under the Slider etc.


Left Corner / Right Corner

Draw a Sharp Corner of the Caption. Only works if Background Color has been set for Caption


Responsive Through All Levels

If set, all HTML COntainers within this Caption are resized linear to Slider Sizes. Default turned off, and only top level markup within Caption is resized


Hide Under Width

Hide Caption under a certain width. This is useful, to have a more clear slide on mobile devices i.e.


Attributes

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