When embedding a video on a page using the Stream player, “black bars” will be displayed if you don’t get the aspect ratio exactly right.
Fixing the aspect ratio is one solution, but simply setting the background of the page to be transparent instead of black is another solution that’s currently impossible. This functionality is supported by Vimeo, why can’t I do this with Cloudflare?
Hey, y’all! We’ve just added the letterboxColor API which allows any valid CSS color to be applied to the letterboxing/pillarboxing in the player (which includes transparent). Here’s a demo on Codepen: https://codepen.io/third774/pen/BaJoOGr
Thanks for your patience and thank you for raising this!