Blog

WEBFI-WordPress-How to Add YouTube Video as Fullscreen Background in WordPress



Some websites use background videos to make landing pages more interesting to visitors. If used carefully a moving background can be good for grabbing the attention of your visitors. In this video, we will show you how to add a YouTube video as a full screen background in WordPress.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:
http://www.wpbeginner.com/plugins/how-to-add-youtube-video-as-fullscreen-background-in-wordpress/

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

Summary of this Tutorial:

Start by installing and activating the mb.YTPlayer for bacground viseos plugin.

Go under Settings, mb.YTPlayer to configure the plugin.

Add the YouTube URL of the video and fill out the other options throughout.

We keep the defaults and click save changes.

You can preview it and if you do not see the video your theme has a background or image and you want to remove it in the stylesheet.

If you want a video background for just a post or page go to the post you want and click the new YouTube button to add the video.

Fill out the parameters and click insert shortcode when you are finished.

Related Links:

mb.YTPlayer for background videos

https://wordpress.org/plugins/wpmbytplayer/

source

19 Comments

  • MR2NICE2YOU on December 12, 2014

    great videos. tanks alot

  • James Clark on December 18, 2014

    Does this slow page load much? Does it work on mobile?

  • nappychef35 on August 25, 2015

    Great video… Can you explain how Skype is able to create video like this, that includes text or button elements.. Thanks  http://www.skype.com/en/

  • Darcy Ogandaga on September 21, 2015

    Thank you

  • nothing on December 19, 2015

    is it responsive ? will it video background works on different devices ?

  • Giovanni Pipitone on February 9, 2016

    hi, I have created a home page and the video does not show. I set one shortcode in the page in question but the result does not change. I can see it only if imposed throughout the site as a blo. I would need that also saw the static pages. it's possible?

    Otherwise how else I could use plugin?

  • Golden Exports on May 9, 2016

    saved my £35 i was going to spend.

  • Jannelle J on July 27, 2016

    thank you woman!!!!!

  • Eagle Aurum Wealth Club on October 22, 2016

    you cannot choose a page, you have either home or blog or both.

  • Yajat Dua on November 15, 2016

    How do I remove the theme's background color/image in the stylesheet?

  • Second Stage Video on February 10, 2017

    Slow down!! you talk way to fast

  • World Group Media on April 18, 2017

    Kinda a good ttorial you went to fast to follow I had to replay the video several times

  • Audrius Kundrotas on April 25, 2017

    all colours and images removed yet the video is still not coming up

  • Alongerz Pakistan on April 27, 2017

    video background does not appear on mobile device..thats a really huge problem for me.kindly tell us how to fix it problem.

  • krash1950 on June 12, 2017

    Thanks Joe. You saved me a lot of time.

  • Big Love Radio on July 20, 2017

    great vidoe, i added a youtube video but get no sounds from it

  • Wayne Jordan on August 23, 2018

    YOUR FINE . WE CAN ALWAYS STOP THE VIDEO. tHANK YOU FOR THE FREE INFO. PERFECT GODBLESS

  • iphone on May 2, 2020

    nice

  • YouTube lndia on July 3, 2020

    very helpfull

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON