Mobile vertical videos

Amit Sadhwani

October 26, 2017 08:25

Hello,

We are a bit lost with this, and could use some guidance.

We are using Cloudinary to allow our users to upload videos from their mobile devices. These videos are then transformed into mp4 and made available on our website. An image overlay is also added.

http://res.cloudinary.com/account/image/upload/c_scale,h_360,w_640/c_scale,l_logo.png,w_125,x_350,y_-177/f_mp4/sample.jpg

When users upload horizontal videos, they look great. But when the video is vertical, on the player it's getting stretched.

We want to somehow see black bands on the sides, just as with any other vertical mobile video.

How would we go about this?

0

• Official comment

  

  Tal Lev-Ami

  October 26, 2017 18:28

  The c_scale crop mode will indeed stretch if videos are in a different aspect ratio. I believe you are looking for c_pad, which will add padding if needed. See https://cloudinary.com/documentation/video_manipulation_and_delivery#pad. Also, I believe you can benefit by using the gravity parameter, in your case (g_north_east) which will position the logo on the top right corner. See https://cloudinary.com/documentation/video_manipulation_and_delivery#gravity.

Post is closed for comments.