Widget Element

Widget Element

Unleash the power of interactive video with the most extensive widget library on the market. Cinema8 creates the ultimate ecosystem for developing widgets for interactive videos.

The Cinema8 library offers 1000+ widgets for interactive video, resulting in endless possibilities to develop unique and unrivaled interactive video experiences.

Collect data, get to know your audience, and make better decisions.

In this article, we will explore how to use built-in widget library elements in your interactive videos.

1- Open the creative studio for your interactive video

Using widgets in interactive videos

2- Select the Widget element from the tools palette and add it to the video timeline. Position the widget on the video and set the dimensions

Adding widget to timeline

3- Select the widget you want to use in your video. Change the customizable properties of the widget and save.

Each new widget added to the platform can define extra parameters that can be configured from within the studio. Thanks to these parameters, it will be possible to develop editable and reusable widgets.

Customizing widgets in Cinema8


All Widgets have common functions & properties inherited from the core Cinema8 element.
Common properties inherited from core cinema8 element


  1. Name
  2. Start
  3. End
  4. Visible
  5. Onstart
  6. OnEnd
  7. OnClick
  8. Position (in percentage)


You can also develop your custom widgets ;
Please read these articles to learn more about the widget development environment.


    • Related Articles

    • Drawing Element

      Drawing element allows you to draw on your video. There are 6 different types of drawing in the tool. There are also color options for the drawings you will make. First of all, we drag and drop our element from the Elements list to the layer. Here ...
    • Animated Text Element

      You can add animated texts on your video with the Animated Text element. In this way, you can place animated texts on your videos and attract the attention of your viewer. ​ First, we drag and drop our element from the Elements list to the layer. The ...
    • 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. 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 ...
    • Countdown Element

      With the Countdown element, you can add countdown anywhere on your video and trigger actions at the end of the countdown you add. First, we drag and drop our element from the Elements list to the layer. The screen below will meet us. 1. Name the ...
    • HTML Element

      HTML is a system used in the preparation of websites. Browsers mirror the screen by processing HTML codes. So, what can we do in Cinema8 with the HTML element? With the HTML element, you can place all the elements that give embed code (such as ...