How To Embed a YouTube Video In WordPress

How To Embed a Video In WordPress (with the block editor)

By Meghan . 0 comments . 24 June 2019

minute read

Disclosure: This article contains affiliate links. When you click these links and make a purchase, I may get a small commission. It won’t cost you anything, but it helps me to run this site.  Find out more.

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"75877":{"name":"Accent Light","parent":"dfa36"},"dfa36":{"name":"Main accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"75877":{"val":"rgb(254, 37, 142)","hsl_parent_dependency":{"h":331,"l":0.57,"s":0.99}},"dfa36":{"val":"var(--tcb-skin-color-0)"}},"gradients":[]},"original":{"colors":{"75877":{"val":"rgb(228, 161, 172)","hsl_parent_dependency":{"h":350,"s":0.55,"l":0.76,"a":1}},"dfa36":{"val":"rgb(208, 88, 108)","hsl":{"h":350,"s":0.56,"l":0.58,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"75877":{"name":"Accent Light","parent":"dfa36"},"dfa36":{"name":"Main accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"75877":{"val":"rgb(254, 37, 142)","hsl_parent_dependency":{"h":331,"l":0.57,"s":0.99}},"dfa36":{"val":"var(--tcb-skin-color-0)"}},"gradients":[]},"original":{"colors":{"75877":{"val":"rgb(228, 161, 172)","hsl_parent_dependency":{"h":350,"s":0.55,"l":0.76,"a":1}},"dfa36":{"val":"rgb(208, 88, 108)","hsl":{"h":350,"s":0.56,"l":0.58,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__
Contents
__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"22102":{"name":"Main Accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"22102":{"val":"var(--tcb-skin-color-0)"}},"gradients":[]},"original":{"colors":{"22102":{"val":"rgb(47, 138, 229)","hsl":{"h":210,"s":0.77,"l":0.54,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__
__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"34f05":{"name":"Main Accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default Palette","value":{"colors":{"34f05":{"val":"var(--tcb-local-color-22102)"}},"gradients":[]},"original":{"colors":{"34f05":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45}}},"gradients":[]}}]}__CONFIG_colors_palette__

For those who are new to the Gutenberg block editor, you may not know how easy it is to embed a YouTube video in your posts.

I thoroughly recommending adding videos if you can because Google absolutely loves them! And so do people of course. I can’t tell you how much I have learned simply from watching Youtube videos, and I am sure you have too.

Here is my straightforward guide to adding YouTube videos with ease.

Step 1 – Copy the video URL from YouTube

  • Go to YouTube and find the video that you wish to embed in your post.
  • Copy the URL.

Step 2 – Add a new Youtube block

As is usual in WordPress there is more than one way of adding new blocks.

Method 1 – click the icon

  • Click on the plus icon that appears when you hover over an existing block or at the end of the content.
  • Type youtube in the search box and then click youtube when it appears below.

Method 2 – use the slash shortcut

  • Press return at the end of your content to start a new block
  • Type /youtube and press return

Step 3 – Paste the Youtube video URL

  • When you see the screen below, paste in the URL that you copied from Youtube.
Embed youtube video into WordPress block
Embed Youtube video into WordPress block
  • Click the Embed button
  • The video will then appear in your post
  • To change the video simply edit the URL by clicking the pencil icon in the toolbar, then paste in a different URL and click Embed again.

There a few things you can change in the block settings, but not much!

Step 4 – Optional tweaks

To edit the block settings:

  • Click on the new video block you have made
  • Click on the Block tag on the right-hand side
  • I recommend that you keep Resize for smaller devices checked as this will ensure that the video keeps its proportions when viewed on mobile.
  • You can also edit the CSS classes if you want to add some special styling.

Wrapping up

This has been a short and simple tutorial for adding YouTube videos to your posts using the new Gutenberg editor.

Enhancing your post with video is a great way to improve both your search ranking and to engage your audience.

If you need more control of video options, I recommend using the SiteOrigin Widgets Bundle. It has a block enabled Video Player widget which gives you more options, such as adding a cover image.

Proofread with Grammarly

Related posts

Did you love this post? Please share it if you did!

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"62516":{"name":"Main Accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default Palette","value":{"colors":{"62516":{"val":"var(--tcb-skin-color-0)"}},"gradients":[]},"original":{"colors":{"62516":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45}}},"gradients":[]}}]}__CONFIG_colors_palette__
__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"89b00":{"name":"Main Accent","parent":-1},"f4f63":{"name":"Accent Dark","parent":"89b00","lock":{"saturation":1}}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"89b00":{"val":"var(--tcb-skin-color-0)"},"f4f63":{"val":"rgb(28, 40, 49)","hsl_parent_dependency":{"h":206,"l":0.15,"s":0.27}}},"gradients":[]},"original":{"colors":{"89b00":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45,"a":1}},"f4f63":{"val":"rgb(12, 17, 21)","hsl_parent_dependency":{"h":206,"s":0.27,"l":0.06,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__
Previous Article
__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"89b00":{"name":"Main Accent","parent":-1},"f4f63":{"name":"Accent Dark","parent":"89b00","lock":{"saturation":1}}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"89b00":{"val":"var(--tcb-skin-color-0)"},"f4f63":{"val":"rgb(28, 40, 49)","hsl_parent_dependency":{"h":206,"l":0.15,"s":0.27}}},"gradients":[]},"original":{"colors":{"89b00":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45,"a":1}},"f4f63":{"val":"rgb(12, 17, 21)","hsl_parent_dependency":{"h":206,"s":0.27,"l":0.06,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__
Next Article
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>