2 Ways To Embed YouTube Video In Gutenberg Editor

2 Ways To Embed YouTube Video In Gutenberg Editor

Hi Everybody!! Today, I am going to share with you the 2 Ways To Embed YouTube Video In Gutenberg Editor. After the Gutenberg update of WordPress, it has become very easy to embed YouTube videos in your website. Gutenberg Editor has another block to do the same which makes it very simple to embed YouTube videos in it. So, let’s start with the steps.

2 Ways To Embed YouTube Video In Gutenberg Editor

1st Way Embed YouTube Video InGutenberg Editor

Step-1

  • LogIn to your website’s Dashboard.
  • Thenhover your mouse over the Posts option given in the left menu andclick on Add New Post.
  • Createyour post.

After you have created the post, click on the block after which you want to embed YouTube video.

Must Read: How To Change Heading Colour In Gutenberg Editor

Step-2

  • Now, click on the Add block button on the top left corner.
  • Go to the Embeds section and click on YouTube.
Adding the YouTube block to Embed YouTube Video In Gutenberg Editor
Adding the YouTube block

Step-3

  • Copy the URL of the video you want to embed. To do this, open the video to be embedded and click on Share button present just below the video.
  • Now, copy the shareable link.
  • Paste this link in the URL bar of the YouTube block and click on theEmbed button.
  • At the last, Update or click on Save Draft (before publishing a new post).

Must Read: How To Justify Text In Gutenberg Editor

You can also change alignment, add a caption and additional CSS class to your embedded YouTube video.

2nd Way ToEmbed YouTube Video In Gutenberg Editor

Repeat Step-1.

Step-2

  • Now, click on Add block buttonon the top left corner.
  • Go to Formatting section andclick on Custom HTML.
Adding the Custom HTML block to Embed YouTube Video In Gutenberg Editor
Adding the Custom HTML block

Step-3

  • Open the YouTube video you want toembed.
  • Click on Share button presentjust below the video.
  • Now, click on Embed and copythe code given by YouTube.
  • Paste the code in the under the HTMLtab in Custom HTML block.

To see the Preview of the codeyou entered to embed YouTube video, click on Preview tab of the CustomHTML block.

Must Read: How To Change Individual Text Colour In Gutenberg Editor

In both the ways, you will seethe thumbnail of your video with a play button on it. This willshow that your YouTube video has been embedded.

So, this post was all aboutthe steps to Embed YouTube Video In Gutenberg Editor. If you have any doubts/suggestionregarding this post write them as a comment in the comment box below.

Manvir Singh

Leave a Reply

Your email address will not be published. Required fields are marked *