Stream in square 1:1ratio

Developers Stream
#1

I will be using square videos using the Cloudflare player.

Is there anyway to make the video display in a square 1:1 ratio?

The trouble I am having is the video is loading in in a rectangular frame making it smaller, and of course with the horrible black bars.

You can view on my test website here Test Website

Any idea on how I can embed square videos?

#2

Hi there, this occurs when the container containing the iframe has a different aspect ratio to the video. I will DM you a codepen illustrating before/after with your specific video.

#3

Hello! similar problem… my video is 16:9, but I need to view inside a card with 1:1 ratio… How I can crop the video? thanks