I’ve been able to make my embedded video responsive to my iPhone, but the problem is now how it looks on Chrome, on my Mac. The video width is 100% of the screen, which looks okay on the mobile device, but not in the desktop browser.
I tried setting a max-width and max-height, but when I do that, the dimensions are skewed, probably because of the black bars on the top and bottom of the video. I tried looking that up, too, but I can’t figure out how to get rid of the black bars.
This is where I’m at with it: https://codepen.io/GrohTech/full/LYbxwWj
Thanks, in advance!