A chrome-less player for YouTube movies!
Use this player to show your favorite YouTube movies on your page! Or easily transform your Youtube movie into a HTML background!
Tips and tricks:
You can easily create a background video switcher as the button below:
The code for this is:
|
1 |
<button onclick="jQuery('#bgndVideo1').changeMovie({videoURL:'https://www.youtube.com/watch?v=V2rifmjZuKQ',ratio:'4/3'})">change movie</button> |
v. 2.7.0
What’s new in 2.7.0:
- Bug fix – fixed a bug that was preventing the volume to be set correctly.
What’s new in 2.6.7:
- Bug fix – fixed a bug for YTPEnd event that was not fired anymore.
What’s new in 2.6.6:
- Bug fix – fixed a bug for startAt behavior.
- Bug fix – fixed a bug for fullscreen behavior with the player set for a custom element.
What’s new in 2.6.3:
- *Feature: Added “stopAt” property to set when the video should end in seconds from the beginning.
- Bug fix – fixed a bug for full-screen behavior.
What’s new in 2.6.0:
- *Feature: Added _GA event track to get statistics if GA Analytics is active (under the Events section): _gaq.push(['_trackEvent', 'YTPlayer', 'Play', (YTPlayer.title || YTPlayer.videoID.toString())]);.
- Bug fix – full-screen didn’t work as supposed for in-line videos.
Available also as 
WordPress® component.
You can find the WordPress plugin here: http://wordpress.org/extend/plugins/wpmbytplayer/ The WordPress component is internationalized and it’s available in English, Italian and Spanish (thanks to Andrew Kurtis http://www.webhostinghub.com). below a short tutorial on how to install and configure it on your WordPress site.
Actually it is working after I uploaded it to a live server. what can I do to make it work in local server too?
Hi,
You can run a webserver locally on your computer and access to your pages via localhost…
Bye,
Matteo
Not working for me. I downloaded the file. tried to open the demo file in browser, it opens but no video is playing.
How to adjust the volume?
{opacity:1, isBgndMovie:{width:’window’,mute:false}, ratio:’16/9′,quality:’hd1080′, showYTLogo:false,showControls:false,stopAt:16,loop:false,addRaster:true,vol:50}
not working..
That should be fixed with the last published version…
Thanks Matteo. That fixed it. I uploaded the latest version and it now no longer autoplays in Chrome and Safari when autoplay is turned off.
Oops the links is: http://www.tech-development.net/701/wp-content/themes/theme710/YTPlayer/demo2.html
Hi
I love the plugin but I am having one serious problem.
In Chrome and Safari even though I have set the video to NOT auto play it WILL auto play.
Any ideas how to stop this from happening?
Click the link above and refresh the page several times. you will see that it auto plays. If you look at the source code you will be able to see that I have set the plugin to NOT auto play.
Hi,
I see thst you are using the 2.6.7. Did you try with the latest 2.7.0 vesion?
Bye,
Matteo
[…] mb.YTPlayer - http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer/ […]
Hello!
Great addon! Is here any chance to set up video background for each site on my web, or is this add working just on homepage?
Thank you!
No, you can add it on any page of your wordpress site via shortcode
hi,
Great work and development on this. One curiosity is, can the WP plugin be written in with an option to have a background image be shown if its a mobile device? Somehow missed that as far as the development of this is concerned. Or the default image of the WP installation becomes the background if one is chosen?
Hi,
That depends on the theme you are using and how it handle the mobile version. Theoretically if you set a body background image it will be shown on mobile as it will on the desktop browser where is overlayed by the video.
Bye,
Matteo
[…] there is a plugin for chromeless youtube window (http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer/) […]