How can I correctly size embedded product videos on my website?

I was told that embedding product videos is better than uploading it directly to my website so that the speed is faster.

Unfortunately, when I embed videos, the sizing is all wrong. For a visual, please see my link here:

https://oneblushingbride.net/products/luminous-cathedral-mantilla-veil?variant=12088499535916

I have attached a screenshot below as well.

Any insights on how to edit the sizing so the video doesn’t look so awkward and wide? Or perhaps I should just upload the video directly?

Thanks in advance.

@Alisha_Jemelian - please add this css to the very end of your base.css file and check, should be like screenshot below

iframe{max-width: 100%;}

1 Like

You are so brilliant!! It worked! A huge thank you.