> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/cwicly/components/properties-add/video-property.md).

# Video Property

<figure><img src="/files/c7X1qcUyXdkhOF6FAI7k" alt=""><figcaption></figcaption></figure>

The Video Property allows you to add a Video to a component, to name it, to set a Default video, to choose an URL and choose a simple (static) or advanced (static and dynamic) type.

* Open the Components Properties modal by clicking the "+" icon in the Block Inspector.
* Select the Video Property you wish to configure.

<figure><img src="/files/LWAEZkwe80qCe6eStH0s" alt=""><figcaption></figcaption></figure>

## Connect&#x20;

The Video Property needs to be connected for it to be applied to the canvas.

{% hint style="info" %}
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
{% endhint %}

* Select the Component to which you want to connect the Video Property.
* Select "Modify" in the toolbar or the Block Inspector.

<figure><img src="/files/NNgiSywD1MM2dnFl1Jnv" alt=""><figcaption></figcaption></figure>

This will open the component in the navigator so you can access the required block.

* Select required block.
* In the Block Inspector, find the Video Property and click the Component logo.

<figure><img src="/files/FKFIo94R5kJ4verfAPfs" alt=""><figcaption></figcaption></figure>

* Choose required block in the Source dropdown.

<figure><img src="/files/d8WrROROUj5LNss501bO" alt=""><figcaption></figcaption></figure>

The Video Property will now become green.

<figure><img src="/files/BicznRNIq3oi7SnDIVuX" alt=""><figcaption></figcaption></figure>

If the Link property is correctly connected, you should see something like this when in "Customise".

* Click Video panel to open the Media modal or input a suitable URL.

<figure><img src="/files/1VJkYRJB4k08FdDrkpHt" alt=""><figcaption></figcaption></figure>

* Select required Video and click "Select".

<figure><img src="/files/yz3vlDiSRxgHlL0cm8mZ" alt=""><figcaption></figcaption></figure>

* The selected Video is now visible in the Video field of the Block Inspector.

<figure><img src="/files/RJKmNEXSjkm6h2XyPMui" alt=""><figcaption></figcaption></figure>

## Name

The Name property allows yo to input a suitable name for your Video property.

* Input a suitable name such as "Video".

<figure><img src="/files/5PKuwZ8h5v96IiMllTJ4" alt=""><figcaption></figcaption></figure>

Once connected, the chosen name will now be visible in the Block Inspector.

<figure><img src="/files/X3zllCRaeDWkngftx6eF" alt=""><figcaption></figcaption></figure>

## Default

Allows you to set a suitable default video to your component.

* Open the Components Properties.
* Select required Video property.
* Open Settings tab.
* Click "Set Default Video" field or input URL.

<figure><img src="/files/LOJww4gu720rkgAhau8F" alt=""><figcaption></figcaption></figure>

* Select a suitable video.
* Click Select.

<figure><img src="/files/RoOZTESHCYhkMuyTvkD4" alt=""><figcaption></figcaption></figure>

Once selected, you should be able to visualise the selected default video in the component Properties modal.

![](/files/SuiZEky6hEOTx4s9BZze)

The video will appear by default on the canvas.

<figure><img src="/files/RpzxIJ6Y8QeOtX268QKe" alt=""><figcaption></figcaption></figure>

## Simple Type

The Simple Type property means that your Video property is static.

* Open the Components Properties.
* Select required Video property.
* Open Settings tab.
* Select Simple as Type.

<figure><img src="/files/oMux4pQsldXgN4EcRhhJ" alt=""><figcaption></figcaption></figure>

You will now be able to upload a static video.

<figure><img src="/files/29FOZUaugqwQBK8eCQmJ" alt=""><figcaption></figcaption></figure>

## Advanced Type

The Advanced Type property allows you to add dynamic or static content to your video field as required.

<figure><img src="/files/CO0wECFK9A9ugAC5tnvt" alt=""><figcaption></figcaption></figure>

* Open the Components Properties modal.
* Select required Text property.
* Open Settings tab.
* Select Advanced as Type.

<figure><img src="/files/xGCA575GYlfDrIenul6J" alt=""><figcaption></figcaption></figure>

A Dynamic icon is now visible in the Block Inspector that will allow you to toggle on/off Dynamic content.

* In the Block Inspector, toggle dynamic on for dynamic content.
* This will open the Dynamic Video modal.
* Input settings as required.

<figure><img src="/files/LTFtGzxEpdRaudSVfAR1" alt=""><figcaption></figcaption></figure>
