In some cases we need to deal with videos whose resolution differs from the one we are using, such as a video recorded vertically but used in landscape resolution. This can be easily fixed using a blurred background, which is basically a zoomed-in copy of the video with blur applied.
Begin by adding a video element with duration set to "media" (the default value) for it to be stretched to its full length. Make sure its fit property is set to "contain" to scale the video to our resolution. In this way, the entirety of the video will be displayed without cropping, but as a consequence, black borders will appear around the video.
1{
2 "output_format": "mp4",
3 "width": 1920,
4 "height": 1080,
5 "fill_color": "#262626",
6 "elements": [
7 {
8 "type": "video",
9 "source": "https://creatomate.com/files/assets/c16f42db-7b5b-4ab7-9625-bc869fae623d.mp4",
10 "duration": "media",
11 "fit": "contain"
12 }
13 ]
14}Now we will add the blurred background video. In this case, we don't need to set the fit property since the default is "cover", and that's what we need for the background video. Set volume to "0%" to mute it as we already have audio from the video we added in step 1. Adding a color overlay that darkens the background video will add a bit more contrast. Finally, we will apply a blur using blur_radius. A higher value will result in a stronger blur. To avoid blurring the borders of the video, set clip to "true". That's it!
1{
2 "output_format": "mp4",
3 "width": 1920,
4 "height": 1080,
5 "fill_color": "#262626",
6 "elements": [
7 {
8 "type": "video",
9 "source": "https://creatomate.com/files/assets/c16f42db-7b5b-4ab7-9625-bc869fae623d.mp4",
10 "duration": "media",
11 "volume": "0%",
12 "color_overlay": "rgba(0,0,0,0.15)",
13 "blur_radius": 57,
14 "clip": true
15 },
16 {
17 "type": "video",
18 "source": "https://creatomate.com/files/assets/c16f42db-7b5b-4ab7-9625-bc869fae623d.mp4",
19 "duration": "media",
20 "fit": "contain"
21 }
22 ]
23}