CC Creator - Video

Last modified:


Image 47589

With Creator you can add your own videos or online videos hosted on YouTube or Vimeo.

Each editing mode allows different actions to be performed on the videos

Easy Mode:

  • Edit videos
  • Modify the general properties of videos
  • Add subtitles
  • Adding markers
  • Modify completeness requirements
  • Add automatic events.


Professional Mode:

  • Add new videos within rows
  • Move videos in position
  • Duplicate or delete videos
  • Modify the visibility of a video


Edit videos

When you click on a video on the screen, its properties tab is enabled in the side area.

Image 47434


Here you can:

  1. Choose the source of the video. You can:
    - Add an online video, i.e. a video hosted on YouTube or Vimeo. If you choose this source you will only have to paste the URL of the video:
    Image 47435
    - Add a local video, i.e. a video hosted in the unit's resource folder. If you choose this source you will have to press the blue button to access the resource folder and choose it. 
    Image 47436
  2. Define an alternative text describing the video. This is important to meet web accessibility criteria.


    Modify video properties

    As soon as you click on an image, the panel with its properties is enabled. The general properties can be modified in the "General" and "Settings" areas. The other areas are described in the following sections of the article.

    Image 47437

    Here you can modify:

    • Its title. It will be useful to customize it to recognize the image from the breadcrumb trail.
    • Its identifier. This is an auto-generated data by the system, but you can customize it. If you customize it, you will help to make the trace that sends the unit to the platform clearer (it is not the same for the content to send to the platform "student1 interacted 29cb85cfg44" than to send, for example, "student1 interacted video1"). Remember that the Identifiers must be different, you cannot repeat any identifier of any element within the unit, so you must be careful when modifying them and not repeat them.
    • Fast forward. This functionality allows you to enable or disable the fast forwarding of the video. If it is disabled, only the play/pause button can be pressed, without being able to fast forward or rewind to specific areas of the video. In this way, the student would have to watch the whole video. We recommend that you use this feature wisely as the "last position" of the learner in the video playback is not collected. Thus, if it is a long video and the student leaves the unit before finishing it, when he/she re-enters, he/she will have to start the playback from the beginning. 
    • Allow full screen of the operating system. This option allows that, when the student presses the button to watch the video in full screen, the default player of the operating system is used. This is useful in mobile terminals, both Android and iOs. Remember that this functionality is useful for the native playback of the videos, but as a counterpart, specific functionalities of the specific player of the unit, such as bookmarks or events, will not be visible. 


    Add subtitles

    If the source of the video is online, the subtitles must be embedded in the online video itself, as shown by the application: 

    Image 47438


    In the case of a local video, you can add as many subtitles as necessary by clicking on "Add language".

    Image 47439

    It will only be necessary to load the subtitle file and press SAVE. 

    Remember that only subtitles in VVT format are supported.

    Image 47440



    Add markers

    Bookmarks are quick access markers to specific points in a video.

    Image 47586

    To add them, click on "Add bookmark" and then indicate the title and the second in which the bookmark should appear.

    Image 47587

    Remember that the use of this functionality is not compatible with the video fast forward blocking. 


    If you want to delete a marker, within the image properties, you will see a 3-dot menu associated with each marker. When you open it, you can delete it.

    Image 47385



    Modifier video completeness requirements

    For a video to be considered complete, students must complete a series of "tasks" called objectives,

    in this case, there are two objectives to choose from:

    - Start the playback.

    - Complete the playback.


    Image 47585


    As an author you can decide to specify generic targets for all videos in the unit from the general unit settings, or you can define these targets in more detail, video by video.

    In this case you can decide to:

    • It is not objective. The video is not a unit target. If it is not interacted with, it will not be taken into account in the unit completeness calculation.
    • Start playback. The video will be considered completed when the learner starts playing it, regardless of whether or not the video is viewed in its entirety.
    • End playback. The video will be considered completed when the learner completes the playback, i.e. when the last second is reached.
    • As configured at the unit level. This option "delegates" the decision of whether it is a target or not to the overall unit configuration.


    Add events

    Events are automated actions that you want to occur after a specific trigger.

    They allow you to create interactive videos easily.

    Select the video and click the "Add event" option in the "Properties" tab.


    You will be able to choose between 3 triggers:

    - When the video reaches the end.

    - When the video reaches a certain second

    - When the video completeness requirements have been met.

    When that trigger is executed, the actions that may occur are:

    - That a pop-up window is displayed.

    - A notification is displayed.

    Remember that, after configuring the event, you must press the "SAVE" button.

    Image 47590



    Add new videos within rows.

    With the Professional editing mode you can add any additional components you may need on the screen.

    To add a new video you have the + button located in the lower left area.

    Image 47089

    Image 47591

    You will be able to choose between the video templates that have been determined for the theme you are using.



    Remember that any component you add will always be inside a row, so you have two ways to add it.

    - Select an existing element on the screen (a row, a text, an image...). Then, just add the desired component by clicking on it. It will be added below the chosen element (or as the last element of the row).

    Image 47094


    - Drag the component to the screen. By moving the mouse pointer over the elements on the screen you can decide where to place the component. To help you, a color-coded bar will be displayed:

    Image 47093


    Move videos to a different position

    With the Professional editing mode you can move an image to a different position

    All you have to do is select the video by clicking on its label and use the start icon to drag the element.

    Image 47592

    Remember that to help you choose the desired position, color-coded bars will be displayed:

    - Blue: will move creating a new section.

    - Orange: will move creating a new row.

    - Green: will move creating a new column.

    - Gray: will move under another existing element.



    Duplicate or delete videos

    Select the video and, from its label, you can duplicate or delete it.

    Image 47593

    Modify video visibility

    You can decide whether a video is visible or not according to the condition you decide. Click on "Add condition".

    Image 47588

    Here you can decide which object/component will be used as a referent and then you can decide which trigger will make the video visible. Depending on the object you choose, you will have different triggers. For example, you could make a video visible when the learner passes an activity, or after clicking on a previous video or audio...

    Image 47027

    Image 47028







    Is this article helpful for you?
    © 2023 Netex Knowledge Factory. All Rights Reserved. Disclaimer | Privacy policy | Cookie Policy.
    -