How to Embed or Add YouTube Videos in WordPress Site

Videos spice up a blog post. They catch interest and make your post more engaging. They can also complement an article to make its essence easier for the readers to understand.

It’s no surprise that WordPress blog owners often utilize YouTube videos in their respective websites.

If you are a WordPress beginner and would like to harness the power of videos in your blog, you must learn how YouTube videos are added to a blog post.

This guide will walk you through the various methods to do it.

Methods in Embedding YouTube Videos to a WordPress Blog

There are several methods to embed YouTube videos in your WordPress blog. We’ll be discussing each in detail one by one below.

Using the YouTube Video URL

You can directly copy and paste the URL of the YouTube video you want to embed to WordPress. The technology behind this feature is called WordPress oEmbed. This is the easiest method of adding videos to your WordPress blog.

  • Open YouTube and search for the video you wish to embed.
  • Copy the video’s full URL from the address bar.
  • Navigate to your WordPress Dashboard.
  • Click either the Pages or Posts option in the sidebar menu, depending on what content type you want to edit.
  • Click on the post title you wish to add a video on. You can also hover over the posts and select Edit from the action menu.
  • Edit Post area will appear. Ensure that you are in Visual Editor mode by clicking Visual button on the right side of the screen.
  • Navigate to the part of your content where you wish to insert the YouTube video. A blank space between paragraphs is often the best choice for this.
  • Paste the YouTube URL. A preview of the video will show up on your screen.
  • Click the Update
  • View your blog post normally to check if the video is embedded properly according to your preferences.

You can also use YouTube’s Share this Video option. Instead of copying the URL direct from the address bar, you will be using the shortened version of the full video URL. Follow these steps to accomplish this:

  • In YouTube, click on the Share link found underneath the video.
  • The shortened video URL appears under Share this video. Highlight the address.
  • Notice the tick box below the video address that says Start at? Tick it to specify which part of the video will start to play on your blog. If you’re showing the entire video, skip this step.
  • Click on the Copy
  • Paste the address in your WordPress Edit Post area, then hit Update to save.

Using the Embed Option in YouTube

YouTube also has an Embed option that lets you control more video properties when it is added onto WordPress.

  • Open the YouTube video you wish to embed.
  • Click on the Share link found underneath the video.
  • Highlight the video’s address.
  • Select the Embed
  • A pop-up screen appears containing the video and an embed code generated by YouTube.
  • Tick the Start at box and enter the time you want. Do this if you wish to start playing the video at a particular time.
  • Scroll down to see the Embed Options:
  • Show player controls
  • Enable privacy-enhanced mode
  • Tick the boxes for the Embed Options you wish to include.
  • Click the Copy The YouTube-generated embed code is now copied to your computer’s clipboard.
  • Go to your WordPress Dashboard and open the post or page you want to edit via the Posts or Pages options in the sidebar menu.
  • When you get to the Edit Post area, choose Text editing mode instead of Visual
  • Locate the part on your content where you will insert your video. Paste the embed code you copied from YouTube.
  • Save your changes by clicking Update.
  • Check if your video is embedded properly by viewing your WordPress blog post normally.

Using WordPress Shortcodes

A WordPress shortcode is a specific piece of small code enclosed in brackets and are used to customize settings in your WordPress blog.

They are converted to HTML codes, which in turn are decoded by web browsers to show the final look of your blog content to your readers.

Shortcodes can be used to embed YouTube videos. It works in both Text and Visual Editor modes.

This particular method will make use of the

  • Delete the YOUTUBE URL GOES HERE part and paste the video URL in its place.
  • Change the parameters of the width and height to suit your needs. Keep in mind that these are maximum dimensions, and that WordPress might display the video smaller than how you intended it to be. But it will definitely not display the video in dimensions that are larger than the ones you’ve set here.
  • Click Update to save your changes, then view your blog post normally to check if the video embedded properly with the right dimensions.

Via Media Library

  • Copy the video’s full URL or shortened URL from YouTube.
  • Open WordPress Edit Post or Page.
  • Locate where you want the video to be inserted, and place the cursor on a new line after this part.
  • Click Add Media.
  • Choose the Insert from URL
  • Paste the YouTube URL in the box provided.
  • Click the blue Insert into post button found below the screen.
  • This will generate a shortcode similar to the one we previously showed you. Change the dimensions again as you wish, the click Update to save.
  • View your blog post to check the video.

Using the <iframe> Embed Option

Want more flexibility in editing your embedded videos on WordPress? You can use the <iframe> method to allow for these customization options:

  • Showing or hiding player controls
  • Enabling or disabling full screen options
  • Showing or hiding video captions
  • Starting the video at a specific time
  • Showing related videos only from the same channel or from other channels as well
  • Setting advanced privacy options

Follow these steps to start using the <iframe> method in embedding videos from YouTube:

  • Go to the YouTube video you wish to add to WordPress.
  • Click Share underneath the video.
  • Choose Embed. A pop-up Embed Video screen appears.
  • Adjust Embed Options by ticking or unticking the boxes corresponding to the settings you like to enable or disable.
  • Click the Copy button to automatically copy the embed code to your clipboard.
  • Go to your post’s editing area and select Text
  • Choose the location where the video will be inserted, then paste the embed code on a fresh line underneath it.
  • Adjust the width and height dimensions on the code.
  • Adjust the parameters by adding the following properties at the end of the <iframe>src code:

 

  • controls=0 – Add this to hide player controls like play, pause, settings, volume, and the like
  • allowfullscreen – Delete this attribute from the <iframe> if you don’t want the video to be shown on full screen in your blog.
  • cc_load_policy=1 – Add if you want captions to automatically be turned on.
  • start=60 – Add to start playing the video at a specific time. WordPress recognizes whole integers representing seconds. For instance, this code tells WordPress to start playing the video at the 1-minute mark.
  • end=120 – Add to stop the video from playing at a specific time. Again, use integers denoting seconds. In this case, the video will end at the 2-minute mark.
  • rel=0 – Use this to display related videos only from the same channel. Without this code, YouTube will automatically display related videos coming from other channels. Unfortunately, YouTube removed the old function of this code to disable showing related videos since September 2018.
  • loop=1 – Repeats the video after it has finished playing.
  • disablekb=1 – Removes keyboard controls.
  • mute=1 – Removes sound from video.
  • autoplay=1 – Automatically starts playing video once the page loads.
  • Privacy enhanced mode – This is activated by ticking the Enable privacy-enhanced mode before copying the embed code on YouTube. It will add –nocookie to the com URL.

Here is an example of an embed code:

<iframe width=”560″ height=”315″ src=”https://www.youtube-nocookie.com/embed/m4K_r2fqlBU” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

Notice the code parts in bold.

  • https://www.youtube-nocookie.com/ means that the video is set to Privacy Enhanced Mode.
  • autoplay means that the video automatically plays once the page loads.
  • allowfullscreen means that users can watch the video in full screen mode while it is served on the WordPress website.

 

  • Once you’re done editing the codes, click Update to save your changes.
  • View your blog post normally to check how the video is embedded on your site.

Embedding Using Plugins

Don’t want to play around your WordPress dashboard to embed YouTube videos on your posts?

You can conveniently install and use a plugin designed for embedding YouTube videos instead.

Plugins typically extend WordPress’s embedding functionality by giving you more flexibility in setting up parameters for your embedded YouTube videos.

You can easily enable or disable features such as player controls, full screen mode, and suggested videos.

You can also enable high-resolution video thumbnails and ensure that the videos are responsive both on your blog’s desktop and mobile versions.

Some popular plugins include the following:

  • Simple YouTube Embed
  • ARVE Advanced Responsive Video Embedder
  • Flow-Flow Social Stream
  • YouTube Widget

Wrapping it Up

YouTube videos are often added to WordPress blog posts because they make the blog livelier and help the blogger get his message clearly across his readers.

There are several methods of adding a YouTube video to your WordPress blog. Each method allows for more flexibility in customizing the embedded YouTube videos.

Here’s a quick recap of these methods:

  • Copying and pasting the video URL to WordPress
  • Using WordPress shortcodes
  • Using <iframe> embedding
  • Installing plugins for YouTube video embeds

We hope this guide has given you insights on what embedding method is best for your individual preferences. Choose the one that is most convenient for you.

Adding YouTube videos to your WordPress blog isn’t too complicated.

Just follow the steps outlined on this post and let your followers enjoy your video-enhanced blog posts all the more.

Leave a Reply

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

error: Content is protected !!