Resize Youtube videos - I always get the same size!

Hi,

I am trying to add a video on a page of my site. Everything works fine but the video is too big and it doesn’t matter if I change the height and the width from HTML code.

By changing it I can only see the changes on the page editor part but still as big as before. At page attributes section I choose “Full Width”, but there’s no difference even if I change it to another one.

Is there anything I can do to solve this? Do I need to use any plugin?

Thanks in advance!

Dear Nubo,

Thank you for reaching out to us here.

Try wrapping the YouTube video embed code with:


<div style="max-width:560px;">
<!-- YouTube video embed goes here -->
</div>

It will look like this:


<div style="max-width:560px;">
<iframe src="https://www.youtube.com/embed/U73xec4W0Zo" frameborder="0" allowfullscreen></iframe>
</div>

Regards,
Kharis

It worked! Thank you very much!

I also had a problem with alignment, but it worked using

<center>
...
</center>

Cheers!

Hello there,

You can also use this way:


<div style="max-width:560px; margin-left:auto; margin-right:auto;">
...
</div>

Regards,
Kharis