Video Element

Created by Christi Norfleet, Modified on Sun, 26 Mar, 2023 at 8:11 AM by Christi Norfleet

Video

General Settings

This is where the majority of the edits are made.

Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Spacing Option:

There are different spacing options available for adjusting your video content.

  • Padding Left, Right, Top, and Bottom
    This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.

  • Margin Top and Bottom
    You can adjust the top or bottom margin of your content by toggling its bars.

Background Color

If you want to change the background color of your video you can do that by clicking on the content you want to adjust its background.

Box Shadow

Here you can add shadow to your box to make the border visible.

Video Type

You can select the video type you want from the available options.

Video URL

You can type a video URL here to display it in your page.

Auto-Play

To turn on the Auto-play option, simply toggle it on.

Controls

To have the video under parental control, simply toggle it on.

Width

You can adjust the size of the video to either full width, 3/4 width, or half-width.

Advanced Settings

Border Option:

Border

Decide what type of borderline you want. If you click on any border type aside from "No Border", it drops down more border options;

Style

Select the type of borderline style you want.


Width

Click here to select how thick you want the borderline to be.


Color

Choose a color for your borderline.

Radius

If you don't want your borderline to have a sharp corner edge, you can decide how curvy you want the edge to be by selecting from the radius options.

Radius Edges

Here you can choose which side of the edge you want to adjust; All edges, Top only, or bottom only.

Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class

Input your custom class here.

CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article