Set up the Template for New Video Choice

The video picker allows the end user to choose between the default video or upload/pick a new one from its library.

To configure the template, you will need to edit the .html file (see Update the HTML File) and .json file (see Update the params.json File).

Note: The end user is only able to choose or pick a new video if the following parameter is present and set to true for the given video field "allowNewVideo": true.

HTML File

The HTML file must have a div class that will contain the video offered to the end user:

Copy
<div class="imageContainer">
    <img data-publish-id="video" class="video" src="./video/video1.mp4" alt="main video" />
</div>

JSON File

The params.json file must have a corresponding section that allows the end user to choose between the default video or upload/pick a new one from its library:

Copy
{    
    "id": "video",
    "label": "video",
    "default": "./video/video1.mp4",
    "type": "video",
    "allowNewVideo": true,
    "allowFreeRatio": false,
    "aspectRatio": "16:19"
}