The blurred background effect for videos makes sure that any video, in any direction, will look great!
To use, apply b_blurred:[amount] together with c_pad, like so:
Ruby:
cl_video_tag("ang_dub_vertical", :height=>400, :width=>711, :background=>"blurred:1000", :crop=>"pad")
PHP v1:
cl_video_tag("ang_dub_vertical", array("height"=>400, "width"=>711, "background"=>"blurred:1000", "crop"=>"pad"))
PHP v2:
(new VideoTag('ang_dub_vertical.mp4'))
->resize(Resize::pad()->width(711)->height(400)
->background(Background::blurred()->intensity(1000)));
Python:
CloudinaryVideo("ang_dub_vertical").video(height=400, width=711, background="blurred:1000", crop="pad")
Node.js:
cloudinary.video("ang_dub_vertical", {height: 400, width: 711, background: "blurred:1000", crop: "pad"})
Java:
cloudinary.url().transformation(new Transformation().height(400).width(711).background("blurred:1000").crop("pad")).videoTag("ang_dub_vertical");
JS:
cloudinary.videoTag('ang_dub_vertical', {height: 400, width: 711, background: "blurred:1000", crop: "pad"}).toHtml();
jQuery:
$.cloudinary.video("ang_dub_vertical", {height: 400, width: 711, background: "blurred:1000", crop: "pad"})
React:
<Video publicId="ang_dub_vertical" >
<Transformation height="400" width="711" background="blurred:1000" crop="pad" />
</Video>
Vue.js:
<cld-video publicId="ang_dub_vertical" >
<cld-transformation height="400" width="711" background="blurred:1000" crop="pad" />
</cld-video>
Angular:
<cl-video public-id="ang_dub_vertical" >
<cl-transformation height="400" width="711" background="blurred:1000" crop="pad">
</cl-transformation>
</cl-video>
.NET:
cloudinary.Api.UrlVideoUp.Transform(new Transformation().Height(400).Width(711).Background("blurred:1000").Crop("pad")).BuildVideoTag("ang_dub_vertical")
Android:
MediaManager.get().url().transformation(new Transformation().height(400).width(711).background("blurred:1000").crop("pad")).resourceType("video").generate("ang_dub_vertical.mp4");
iOS:
cloudinary.createUrl().setResourceType("video").setTransformation(CLDTransformation().setHeight(400).setWidth(711).setBackground("blurred:1000").setCrop("pad")).generate("ang_dub_vertical.mp4")
You can also optionally set the brightness of blurred video, using b_blurred:[amount]:[brightness]
Get all the details in the blurred video background docs.