mobile-menu

Search articles

search

Clickable Area Element

With the Clickable Area tool, you can interact with the desired area of your video and turn that area into a button.

Cinema8 Articles - Intreractive Video Clickable Area Element 1

First of all, we drag and drop our element from the Elements list to the layer. Here comes the screen where we will name the element we added.

Cinema8 Articles - Intreractive Video Clickable Area Element 2

1- Name the clickable area tool you will create.

2- After naming Clickable Area, save it.

Editing Clickable Area Element Settings

When we successfully add the Clickable Area element to the layer, it will appear on the screen as follows.

Cinema8 Articles - Intreractive Video Clickable Area Element 3

1: "Clickable Area" element added to the layer.

Once I click on the element on my layer, the system will open the settings of the element clicked on the right side of the screen.

Cinema8 Articles - Intreractive Video Clickable Area Element 4

1- Name field of the widget you added.

2- Area showing when the element will enter the screen.

3- Area showing when the element will exit the screen.

4- Option you need to click when you want the tool to visible on the screen.

Cinema8 Articles - Intreractive Video Clickable Area Element 5

5- Select the action you want to take on the video as soon as the element is on the screen. Click here to see all the actions’ explanations.

6- Add the new action you want to take on the video as soon as the element is on the screen.

7- Select the action you want to do in the video when the element clicks on the screen. Click here to see all the actions’ explanations.

8- Add the new action you want to do in the video when the element clicks on the screen.

9- The distance of the element you added from the top of the screen.

10- The distance of the element you added from the left of the screen.

11- Width of the element you added.

12- Height of the element you added.

Cinema8 Articles - Intreractive Video Clickable Area Element 6

13- Button to color the element.

14- Make your Clickable Area element flash on video.

15- Round the edges of your Clickable Area element.

16- Button, where you can save the properties you changed.

17- Button, where you can delete the element.