Embed youtube video doesn't look good on mobile!

[Zozo]

Hi everyone!

I want the youtube video to look good on mobile and desktop.

<iframe width="560" height="315" src="https://www.youtube.com/embed/tnJsol9sWfA?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

I followed this tutorial but (on mobile it doesn’t look good at all)
https://discourse.webflow.com/t/remove-youtube-recommended-videos/36063/5o

Thanks

[vincent (Vincent Bidaux)]

@Zozo

width=“560”

Try 100% instead of a fixed width. If your code contains a fixed width, it will never adapt to the width of the browser.

Try this maybe:

<iframe width="100%" src="https://www.youtube.com/embed/tnJsol9sWfA?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

[Zozo]

I did it.
What seems the problem?

[Zozo]

This one worked well
What do you think? do I’ve to change the height , I don’t want the video to be full screen I’ve content !
<iframe width="100%" height="315" src="https://www.youtube.com/embed/tnJsol9sWfA?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>