Video Element

PropTypeRequiredExampleValue RangeDescription
widthnumbertrue--The width of the video element.
heightnumbertrue--The height of the video element.
extstringtrue-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 "width": 1280, 5 "height": 720, 6 "hasAudio": true, 7 "start": 0, 8 "duration": 10.218542, 9 "trackIndex": 0, 10 "x": -209.95197696399893, 11 "y": 254.59255700448338, 12 "blendMode": "normal", 13 "anchorX": 640, 14 "anchorY": 360, 15 "rotation": 0, 16 "scaleX": 1, 17 "scaleY": 1, 18 "alpha": 1, 19 "skewX": 0, 20 "skewY": 0, 21 "keyframes": [], 22 "filterAgent": { 23 "type": "Pixelate", 24 "options": [{ "key": "size", "value": 8, "min": 1, "max": 100 }] 25 }, 26 "externalUrl": "https://videos.pexels.com/video-files/1526909/1526909-hd_1280_720_24fps.mp4", 27 "ext": "mp4", 28 "tone": { 29 "gamma": -0.66, 30 "saturation": 0, 31 "contrast": 0, 32 "brightness": 0, 33 "red": 0, 34 "green": 0, 35 "blue": 0 36 }, 37 "startInSource": 0, 38 "endInSource": 10.218542, 39 "sourceDuration": 10.218542, 40 "volume": 1 41 } 42