Using Gutenberg for first time - ISSUE - large whitespace above youtube vids

Ok, so I am FINALLY making the switch over to the Gutenberg editor

Im writing my first blog post using the Gutenberg editor and I finished the post and clicked on 'preview' and there is a LARGE whitespace above every youtube video I embedded

Any idea why this is? It doesnt show like this in the Edit post screen in the dashboard

Any advice would be greatly appreciated

thanks

OK, I did some 'googling' and i found one website that says it might be because of the embed coding - something about the aspect ratio

This is the code that is in my article when i clicked on the gutenberg editor to embed the youtube video:

<!-- wp:core-embed/youtube {"url":"","type":"video","providerNameSlug":"youtube","className":"wp-has-aspect-ratio wp-embed-aspect-16-9"} -->
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-has-aspect-ratio wp-embed-aspect-16-9"><div class="wp-block-embed__wrapper">
</div><figcaption>A good explanation of the three different types of battery isolators</figcaption></figure>
<!-- /wp:core-embed/youtube -->

Do I have to delete anything in the above ocding?? is there some setting in the gutenberg editor i can change to fix this?

anyone?

I am currently using WordPress basic editor. Gutenberg needs more improvement and feature enhancement.

I actually figured it out myself.......there is a small box on the RH side of the Gutenberg editor and it had text in it saying "use 16 x 9 ratio" or something like that....so i went back and deleted that info on all my vids and it worked!!

Sorry to say it, but using Gutenberg for now is not really a good idea. I am really wondering how Wordpress can push them that much. Its full of bugs. I used it for two days and deleted it then.

Not too late to switch back to basic editor (like I did). Gutenberg formats your post differently and you'll see weird tags all over the place.