WordPress.org

Plugin Directory

mb.YTPlayer for background videos

Play any Youtube video as background of your page or as custom player inside an element of the page.

To set your homepage background video:

  1. Go to the mbYTPlayer settings panel (you can find it under the "settings" section of the WP backend.
  2. set the complete YT video url
  3. set all the other parameters as you need.

To remove the video just leave the url blank.

You can also set it by placing a shortcode in the home page via the YTPlayer shortcode window. You can open it by clicking on the YTPlayer button in the top toolbar of the page editor.

To set a video as background of a post or a page:

Use the editor button or write the below shortcode into the content of your post or page:

[mbYTPlayer url="http://www.youtube.com/watch?v=V2rifmjZuKQ" ratio="4/3" mute="false" loop="true" showcontrols="true" opacity=1]

  • @ url = the YT url of the video you want as background
  • @ ratio = the aspect ratio of the video 4/3 or 16/9
  • @ mute = a boolean to mute the video
  • @ loop = a boolean to loop the video on its end
  • @ showcontrols = a boolean to show or hide controls and progression of the video
  • @ opacity = a value from 0 to 1 that set the opacity of the background video
  • @ id = The ID of the element in the DOM where you want to target the player (default is the BODY)
  • @ quality:
    • small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
    • medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
    • large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
    • hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
    • hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
    • highres: Player height is greater than 1080px, which means that the player's aspect ratio is greater than 1920px by 1080px.
    • default: YouTube selects the appropriate playback quality.

What about mobile

The mb.YTPlayer doesn't work on any mobile devices (iOs, Android, Windows, etc.) due to restrictions applied by the vendors on media controls via javascript. Adding a background image to the body as mobile devices fallback is a good practice and it will also prevent unwanted white flickering on desktop browsers when the video is buffering.

Requires: 3.0 or higher
Compatible up to: 4.1.4
Last Updated: 2015-3-24
Active Installs: 7,000+

Ratings

4.6 out of 5 stars

Support

9 of 16 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,4,4 100,1,1 100,1,1 100,1,1 100,2,2 50,2,1 100,2,2
100,1,1 33,3,1 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,1,1
100,1,1 100,4,4 100,1,1
100,1,1
100,1,1 100,1,1
100,1,1
0,1,0
100,2,2
67,3,2