Video Element

PropTypeRequiredExampleValue RangeDescription
extstring-mp4 | movThe file extension of the video (e.g., "mp4", "mov").
externalUrlstringfalse--The URL of the image file from an external source.
remoteUrlstringfalse--The URL of the image file from Chillin cloud storage.
endInSourcenumbertrue--The end time of the video clip in the source file, in seconds.
sourceDurationnumbertrue--The total duration of the source video file, in seconds.
volumenumberfalse-0 - 1The volume level of the video element. 1 represents full volume, and 0 represents muted.
hasAudiobooleantrue--Indicates whether the video element contains audio.
toneobjectfalse--Adjustments to the image tone, including gamma, saturation, contrast, brightness, and color channels.
lutobjectfalse--The lookup table used to adjust the image tone.
filterAgentobjectfalse--The filter agent applied to the image.
maskDataobjectfalse--The mask data used to crop the image.

Note: At least one of externalUrl or remoteUrl must be accessible.

videoElement.json
1{ 2 "id": "30793500-aee2-4f6d-845f-b3adbe4302ca", 3 "type": "Video", 4 "start": 0, 5 "duration": 10.218542, 6 "trackIndex": 0, 7 "x": -209.95197696399893, 8 "y": 254.59255700448338, 9 "blendMode": "normal", 10 "anchorX": 640, 11 "anchorY": 360, 12 "rotation": 0, 13 "scaleX": 1, 14 "scaleY": 1, 15 "alpha": 1, 16 "skewX": 0, 17 "skewY": 0, 18 "keyframes": [], 19 "filterAgent": { 20 "type": "Pixelate", 21 "options": [{ "key": "size", "value": 8, "min": 1, "max": 100 }] 22 }, 23 "externalUrl": "https://videos.pexels.com/video-files/1526909/1526909-hd_1280_720_24fps.mp4", 24 "ext": "mp4", 25 "tone": { 26 "gamma": -0.66, 27 "saturation": 0, 28 "contrast": 0, 29 "brightness": 0, 30 "red": 0, 31 "green": 0, 32 "blue": 0 33 }, 34 "startInSource": 0, 35 "endInSource": 10.218542, 36 "sourceDuration": 10.218542, 37 "volume": 1 38 } 39