What's WP
Find Everything Related to WordPress - Best Tutoriasl on WordPress!
How to Add Background Video to WordPress?

How to Add Background Video to WordPress?

WordPress as a blogging platform never ceases to amaze the users thanks to the great developments that are witnessed very often, among which the background video function on WordPress posts has an effect on the online readers.

The videos lure people and hold their attention into the website, as well as giving the story to them before they even reading a word on the blog post. However, most bloggers find it a challenge to make the background videos work on their posts, and thus end up giving up.

For this topic, below is a simplified way on how to add a WordPress background video with ease.

Why Include a Background Video to Blog Posts?

why wordpress background videoAn image is considered to be a thousand words, but the video is a thousand images. This highlights the importance of a video on your WordPress posts. The most important thing about a video on your posts is the effect that it has on your current and new blog members and subscribers.

The video can call them from far and hold their attention to the end. Chances of having comeback readers are very high. It is thus a way to increase blog following and subscriptions. Also, not only can you get a high quantity of subscribers and blog comments, but also quality members among the internet readers with the background video.

Besides, the background video in WordPress site is visible to IOS device users, meaning that you capture the attention of readers both on PC and mobile.

Add Video Background for WordPress Homepage

The website homepage is the best place for adding a video background. To do this, we highly recommend you to install the mb.YTPlayer plugin. Note that this plugin only supports the YouTube videos.

Upon the successful installation and activation, you can go the Settings tab from your WordPress admin and click the mb.YTPlayer button. Here, you can find a series of settings to add a video as your homepage background.


Firstly, you should check the box for activating the background video function and insert the target video URL. If you want to display more than one video, you should use the comma to separate the URLs. Note that the videos are displayed randomly when people reach your homepage.

Next, you should decide the basic settings for the video display, including the display page, opacity, quality and aspect-ratio.

Basic Settings for Video Background

  • The display homepages include the static homepage and the blog index homepage. You can choose to add the video background to both or either of them.
  • Unless you have some special requirements, the video opacity would be better to be set as the value ”1”.
  • As for the video quality and aspect-ratio, you can leave them as default. This plugin automatically decides the best playback for you.

Then, you can configure some advanced settings for your background video. For instance, the video should start and end at which second, whether the video should be looped once ends, and whether the video should be muted with the corresponding audio files.

Video Display Settings

In fact, this plugin also allows you to decide whether to show a video control bar at the bottom of the page, whether to show the link to the original YouTube video, whether to track the video visits on Google Analytics, whether to stop playing when the window blurs and many more.

Add Video Background for WordPress Pages

Sometimes, you may only want the video backgrounds to be shown at some special webpages. Under this situation, you still can use the mb.YTPlayer plugin.

Upon the plugin installation, you can find an “Add a YTPlayer” icon from the Visual Editor of your editing page. After clicking it, you can get a pop-up window for video inserting.

Insert YTPlayer Shortcode

To begin with, you need to add the video URL and decide the video opacity, quality and aspect-ratio. Then, you need to check the box before “show controls” to enable the full-screen background video. Here, you can decide the showcase of the control bar and the original YouTube link.

Note that if you check the box of “Is inline”, the video cannot be displayed as a background, but a common video component at any location of your webpage, featuring the width and height as you wish.

Show Video Controls

Now, you can configure the starting/ending second of the video, decide whether to auto-play, loop and mute the video, as well as whether to pause the player on window blur and add the video views into Google Analytics tracking.

Once everything is configured properly, you can click the Insert Shortcode button and publish/update the page.


Lucy has been a very experienced SEOer, technical writer, web developer, c# developer since 2002. Now she owns a startup in San Francisco, CA, focusing on running a couple of blogs to share knowledge and experience with global readers and deliver exceptional results to global sponsors by leveraging the power of Internet.