ansofmail

Hi @skalanter,

I embedded a YouTube video as follows:

<figure class=”wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio”><div class=”wp-block-embed__wrapper”>

</div></figure>

and the result is a video that occupies the entire width of the page, as shown here:

https://antennasimulator.com/index.php/2020/10/31/videos/

I didn’t find any way to change the width and height of the video. However, in this link > I found the way to change the width, but not the height. As suggested there, I have added the CSS code below to the Appearance > Customize > Custom CSS of my website:

`@media only screen and (min-width: 959px){
figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio {
width: 700px;
margin: 0 auto;
}
}

So changing the width from 700px to say 300px reduces the width. In the same CSS I added height: 700px, but nothing happens. No matter what height value I place, the height of the video remains fixed, without change. I need to change the height too.

Thank you for your help.