Categories

  • Access & Security 95
  • Administration 172
  • Advertisement 92
  • Audio & Video 66
  • Author & Content 99
  • Comments 96
  • Communication 110
  • Communities & Forums 84
  • Development 47
  • E-Commerce 76
  • Email Management 53
  • Events & Calendars 80
  • Language 25
  • Map & Weather 44
  • Migration & Conversion 28
  • Miscellaneous 254
  • Mobile 15
  • Photos 143
  • Plugins 260
  • SEO & Site Speed 118
  • Social 186
  • Theme Enhancement 169



  • Add this plugin to a List

    You need to be logged in to add this plugin to your list.

    mb.YTPlayer for background videos

    Add to List

    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: https://wordpress.org/plugins/wp-vimeoplayer/

    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.

    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:

    • Chrome 11+, Firefox 7+, Opera 9+ on Mac OsX, Windows and Linux
    • Safari 5+ on Mac OsX
    • IE7+ on Windows (via Adobe Flash player)

    with the Plus version you’ll get:

     Remove the water-mark from the video.
     Activate all the advanced features:
             Fallback image url
             Set the opacity
             Set the quality
             Set the aspect ratio
             Set the seconds the video should start at
             Set the seconds the video should end at
             Show the control bar
             Choose the full screen behavior
             Set the audio volume
             Choose if the video should start mute or not
             Choose if the video should loop
             Add the raster image
             Track the video views on Google Analytics
             Choose if the player should pause if the windows blur
     Activate the short-code editor that let you add any YTPlayer video on any page of your site.
     Use the YTPlayer to display a clean Youtube video player (via short-code).
     Set the YTPlayer as background of any element of your page (via short-code).
    

    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.

    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.

    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 (Plus version):

    [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.

    Rate This Plugin

    Please Login to Rate this Plugin!

    Function

    Feature

    Support

    0 Votes
    Not Rated Yet

    Wordpress.org Stats

    Ratings4.3
    Votes23
    Downloads170,118
    Last Updated20 Days ago
    Published5 years ago

    Report Wrong Category!