How to auto scale Custom HTML segment youtube video embed

Store Design
1

Hi awesome team

I have a youtube custom HTML segment embed like this:

Which is cool, bit it doesnt auto scale with changing screen widths on desktop, and it is way to wide on mobile. How please can i adjust the code to get it to scale to say 80% of width, and scale down correctly on mobile?

I guess i need a container and some custom .css? Just not sure how to go about making it work and where to put the .css

Thanks!

2

Hi @p1simgear ,

Please change all code:


<iframe class="video--iframe" src="https://www.youtube.com/embed/9NUVtCPOUvk" title="Introducing Next Level Racing ERS1 Elite Reclining Seat" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="1001" height="563" frameborder="0"></iframe>

Hope it helps!