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

Widget Element

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

Widget Element

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.

Widget Element


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)
Widget Element


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


    • Related Articles

    • What is Video Element in Cinema8

      With the Video element, you can add videos on your video in full screen. If you want, you can activate a button where you can allow them to pass the video you put when the time expires. First, we drag and drop our element from the Elements list to ...
    • 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 ...