How to Add Featured Video Thumbnails in WordPress


Do you want to use video for featured thumbnails in WordPress?

By replacing a post or product’s featured image with a featured video, you can make your website much more vibrant and dynamic. Visitors can view these videos from nearly anywhere including your blog archives, homepage, and WooCommerce product pages.

In this article, we will show you how you can add featured video thumbnails in WordPress.

How to add featured video thumbnails in WordPress
How to Add Featured Video Thumbnails in WordPress 95

Why Add Featured Video Thumbnails in WordPress?

All popular WordPress themes allow you to add featured images to your posts and products.

These are the primary images, and they often appear at the top of the page and other areas of your site such as your website’s archive pages. Search engines and social media sites may also display a page’s featured image.

A good featured image can get you a lot of user engagement. However, you may be able to get more clicks, pageviews, and even sales by using a featured video thumbnail instead.

If you’ve created an online store, then showing a video at the top of the product page is a great way to make shoppers want to scroll and learn more about that product.

An example of a featured video thumbnailAn example of a featured video thumbnail
How to Add Featured Video Thumbnails in WordPress 96

With that being said, let’s see how you can add featured video thumbnails in WordPress.

How to Add Featured Video Thumbnails in WordPress

The easiest way to use videos as featured thumbnails is by using Really Simple Featured Video. This plugin lets you embed videos from popular video hosting websites such as YouTube or Vimeo and use them as featured video thumbnails.

It also works perfectly with WooCommerce and will show the featured video at the top of the product page.

However, just be aware that WooCommerce will show the featured video on the product page only. The featured image thumbnail will still be used in other places, including your WooCommerce store page.

First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.

After activation, there are a few settings to configure. To get started, go to Settings » Really Simple Featured Video.

The Simple Featured Video settingsThe Simple Featured Video settings
How to Add Featured Video Thumbnails in WordPress 97

On this screen, you can select whether you want to add featured video thumbnails to pages, posts, or WooCommerce products.

To do this, simply click on the ‘Posts,‘ ‘Pages’ or ‘Products’ switches to turn them from grey (disabled) to purple (active). In the following image, we’ve enabled the featured video feature for products, plus posts and pages.

Enabling featured video thumbnails for posts, pages, and productsEnabling featured video thumbnails for posts, pages, and products
How to Add Featured Video Thumbnails in WordPress 98

After that, click on the ‘Save changes’ button.

Next, click on the ‘Controls’ tab. Here, you’ll find a ‘Self-hosted videos’ section where you can configure the settings for the videos in your WordPress media library.

Changing the featured video thumbnail settingsChanging the featured video thumbnail settings
How to Add Featured Video Thumbnails in WordPress 99

While the plugin does support self-hosted videos, this can take up a lot of storage space and bandwidth so we don’t recommend it. To learn more, check out why you should never upload a video to WordPress.

Instead, scroll to the ‘Embed Videos’ section. This is where you will find settings for any videos you embed from third-party video platforms such as YouTube.

When you embed videos from YouTube or Vimeo, Really Simple Featured Video will show the playback controls for that platform.

For example, if you’re embedding a YouTube video then visitors will have access to YouTube’s specific playback features.

However, the ‘Embed videos’ section does have an ‘Autoplay’ switch that you can click to enable, too.

Enabling autoplay for WordPress featured thumbnail imagesEnabling autoplay for WordPress featured thumbnail images
How to Add Featured Video Thumbnails in WordPress 100

By default, the plugin will play videos with sound turned on. To mute your videos by default, click on the ‘Mute sound’ toggle.

You can also set the featured video thumbnails to play on loop.

Looping videos can be annoying to many visitors, particularly if the video is short and has sound. It’s a good idea to only activate the ‘Loop’ switch if replaying the video over and over improves the visitor experience in some way. For example, you might create a video showing a 360 degree view of a product and then set that clip to loop.

Embedding a videoEmbedding a video
How to Add Featured Video Thumbnails in WordPress 101

After working your way through the different settings, make sure you click on the ‘Save Changes’ button.

Adding Featured Video Thumbnails to Posts, Pages, and WooCommerce Products

Once you’ve configured how the plugin will show embedded videos, you’re ready to add featured video thumbnails to your WordPress website.

To do this, simply open the post, page, or WooCommerce product where you want to add a featured video thumbnail.

If you’re adding a featured video to a page or post, then you’ll find the ‘Featured Video’ section in the right-hand menu underneath the ‘Discussion’ section.

Adding a featured video to a WordPress postAdding a featured video to a WordPress post
How to Add Featured Video Thumbnails in WordPress 102

Want to add a featured video to a WooCommerce product instead?

Then you’ll find the ‘Featured Video’ section underneath the ‘Product gallery‘ section.

The Featured Video settings on the product screenThe Featured Video settings on the product screen
How to Add Featured Video Thumbnails in WordPress 103

To use a video from a video hosting site, simply click on ‘Embed.’

In the new field, you’ll need to paste the URL of the video that you want to embed.

Adding a featured video thumbnail in the WordPress post editor Adding a featured video thumbnail in the WordPress post editor
How to Add Featured Video Thumbnails in WordPress 104

Just make sure that you add the video’s URL in the right format. In the right-hand menu, you’ll see some examples for YouTube, Vimeo, and Dailymotion.

For YouTube, the plugin gives us the following example URL: https://www.youtube.com/embed/vbLgiRQ0Moo

This means you’ll need to use https://www.youtube.com/embed/ as the first part of your URL and then add the ID of the video that you want to embed.

To find the video ID, simply open a new tab in your browser, then go to the YouTube video that you want to embed. Now, take a look at the browser’s address bar.

The video ID is the value that comes after v=. In the following image, we can see that the video ID is DvbFBxKcORA.

The WPBeginner YouTube channelThe WPBeginner YouTube channel
How to Add Featured Video Thumbnails in WordPress 105

After adding the video ID to the first part of the URL, we get the following: https://www.youtube.com/embed/DvbFBxKcORA

You can now go back to the tab with the WordPress block editor and just paste the URL into the ‘Embed’ field. That will add a featured video thumbnail to the post, and then you’re ready to click on either the ‘Update’ or ‘Publish’ button.

You can now add featured video thumbnails to more posts, pages, and WooCommerce products by following the same process described above.

On your blog archive or similar page you’ll see that WordPress is now using the videos as the featured thumbnail for your posts and pages.

If you open any page, post, or WooCommerce product, then you’ll see that the featured video also appears at the top of the page, just like a featured image would.

An example of a WooCommerce featured videoAn example of a WooCommerce featured video
How to Add Featured Video Thumbnails in WordPress 106

We hope this article helped you learn how to add featured video thumbnails in WordPress. You can also go through our guide on the best YouTube video gallery plugins for WordPress and how to embed a Facebook video.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source