Play any Youtube video as background of your page or as custom player inside an element of the page.
A Chrome-less Youtube® video player that let you play any YouTube® video as background of your WordPress® page or post.
You can activate it for your home page from the settings panel (no license needed) or on any post or page using the short code (need the Plus version) as described in the Reference section of the settings.
If you prefer to use a Vimeo video you can take a look at mb.VimeoPlayer WordPress plug-in
note:
If you don’t want ADs on your background video and you are the owner of it you can disable this on your Youtube channel as explained here: http://candidio.com/blog/how-to-remove-ads-from-your-youtube-videos .
This plug in has been tested successfully on:
You can also set it by placing a shortcode in the home page via the YTPlayer shortcode window (Plus version).
You can open it by clicking on the YTPlayer button in the top toolbar of the page editor.
Use the editor button or write the below shortcode into the content of your post or page (Plus version):
[mbYTPlayer url=”http://www.youtube.com/watch?v=V2rifmjZuKQ” ratio=”4/3″ mute=”false” loop=”true” showcontrols=”true” opacity=1]
With the Plus version you’ll get:
The mb.YTPlayer now works on mobile devices!
The video starts as soon the device screen is touched.
Extract the zip file and upload the contents to the wp-content/plugins/ directory of your WordPress installation, and then activate the plugin from the plugins page.
The settings panel.
You can add a video as background or targeted to a DOM element in any page or post by inserting a shortcode (Plus version) generated via the editor button.
The shortcode editor (Plus version).
Your theme is probably using a wrapper for the content and it probably has a background color or image. You should check the CSS and remove that background to let the video that is behind do display correctly.
Yes! the only difference is that the background video starts once the device scrin is touched after the page has been loaded.
The simplest way is to add an image as background of the body via CSS.
The video quality option is just a suggestion for the Youtube API; the video is served by Youtube with the quality that best fits the bandwidth and the display size according to that setting.
To prevent the display of the “play” button provided by the Youtube API the video intentionally stops some seconds before the end; if you are the owner of the video I can suggest to make it a little bit longer (about 3/4 seconds).
Creating and supporting this plugin takes up a lot of my free time, therefore I would highly appreciate if you could take a couple of minutes to write a review. This will help other WordPress users to start using this plugin and keep me motivated to maintain and support it. You can also make a donation to support my work!
Bug fixing.
Fixed a fatal bug with the mb.ideas menu.
Feature: Updated to the latest js script.
Feature: Defined a better behaviour If you’ve set the autoplay option of a video that has the audio active: Instead of starting the video at the first user interaction with the page, now the video start playing mute and the audio is activated with the first user interaction.
Feature: The plugin now supports the https://www.youtube-nocookie.com host to remove the Youtube cookies.
Bug Fix: With the latest maOS Big Sur system update the User Agent has been changed and the OS detection was failing on Safari causing a blocking error.
Updated: with the latest mb.YTPlayer.js (3.3.4) that fixes a bug for mobile devices.
Updated with the latest mb.YTPlayer.js (3.3.3) that fixes a bug if the wrong YT API key is used.
Bug fix: there was a bug if the server was not allowing content from external urls.
Bug fix: On mobile Chrome browser the size of the background video was broken on orientation change.