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 above:
The code for this is:
|
1 |
<button onclick="jQuery('#bgndVideo1').changeMovie({videoURL:'https://www.youtube.com/watch?v=x4eMMD1FtHY',ratio:'4/3'})">change movie</button> |
v. 2.6.6
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.
Thanks Matteo, I saw that you’d published 1.8.0 I updated and all is fine. Many Thanks.
Another Question, how do I get a list of videos to play randomly, what code do I need and where does it go?
More thanks
Andy
HI,
I have just updated to 1.7.9. and the background video is no longer playing. I updated on 14/04/2014 and left enough time for You Tube to catch up, but still not playing. website is http://www.bluezoo.org.uk.
Thanks in advance
Andy
Hi Andy,
Just published the 1.8.0 to solve a bug I introduced in the 1.7.9.
Sorry,
Matteo
Hi,
I’m having an issue using full screen option when the video is on DOM element.
Thanks.
[…] Bicocchi | More scripts pupunzi.open-lab.com MIT LicenseGPL – GNU General Public License Windows / Linux / Mac OS / BSD / Solaris N/A […]
Hi there,
I have set startAt property to 23 secs,
if I use your previous .js version then the video starts at 0 as you would be able to see on the website and if I use the 2.6.3 version then it shows blank screen for first 23 secs and then starts from 23secs on ward.
I want the video to start at 23 secs as the page is open right away.
Help is much appreciated
Thank you.
Hi
Can you tell me what is wrong on my source ? Video not appear :’(
http://staart.fr
Hi,
The page you are pointing me to doesn’t include the YTPlayer component…
Hi Matteo
First of all thank you so much for this wonderful plugin. I am using this plugin as background with a tagline exactly in the middle of the window. More like a banner
The problem is when I implemented the necessary markup for this plugin the tagline goes offset to the top
This is the css code for that tagline:
.intro {
color: #fff;
position: absolute;
width: 656px;
height: 334px;
margin-left: -328px;
margin-top: -167px;
left: 50%;
top: 50%;
z-index: 100;
}
css for background video:
#bgndVideo {
z-index: 99;
width: 100%;
height: 100%;
position: relative;
}
HTML:
Toggle navigation
Home
About
Portfolio
Team
Blog
Contact
Clients
Just type then hit enter
Creativity starts by viewing the world differently.
Tagline goes here. Lorem ipsum dolor sit amet consectetur adipiscing
Find out more
It works perfectly fine before I implemented the video and i’m using a image placeholder to fill the banner area and now the tagline is not centered vertically.
I tired to include the TYPlayer.css but there’s no difference.
Hi,
I’m having an issue with this script disabling other button elements on a page. Do you have any idea how I can stop this happening?
Example page: http://stuherring.co.uk/news/test-blog-post
Thanks.