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.8.0
Also available 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.
What’s new in 2.8.0:
- Feature: Reintroduced the “optimizeDisplay” option (default is true). If set to false the video will be played without any crop.
What’s new in 2.7.9:
- Bug fix: When the player was instanced inside an iframe cross domain it was throwing an error.
What’s new in 2.7.8:
- Feature: Added a new option, stopMovieOnBlur, to control the pause behavior when the window loose the focus.
What’s new in 2.7.7:
- Fix: Something changed in the YT API that was preventing Firefox to get .getVideoLoadedFraction() at video load breaking the plug-in.
Hi,
The optimizeDisplay feature does not toggle off. Setting the option to false does nothing, so you cannot turn it off for videos that get cropped too much. Looking inside the script, it appears it has been forgotten.
script last modified: 19/08/14 20.13
thanks
Dear Pupunzi,
I have the same problem with the YTPlayer. I uploaded my video to youtube.
In my HTML-built website the video is cut at the top and bottom now. I have tried it on different screen resolutions with the same result. I looks like a zoom-function for me. Why does this happen, can you help me please?
Further information: The youtube video measurements are HD, 1280×720. In my website the height is more important then the width. Consindering the width, it would be ok, if the height will scale down (without cutting) and there were a black border on the left and on the right side.
Hi, this plug-in optimize the view to always fit the screen size (or the video container size); resizing the window the viewport of the video is calculated to never show black borders around it and take it always centered. This is the background behavior and can’t be modified.
Bye,
Matteo
hi. first of all: i love your script!
but..
the scaling is not working properly. i tried all browsers.
in fullscreen mode the video is too big, which means
that the video is cut at the sides and at top and bottom..
in “normal mode” it’s even more “zoomed in”. is there
any chance to get this fixed or do you know why it’s
behaving like this?
Thanks in advance –
have a nice time,
STEPHAN
Hi,
The size of the video is calculated to always fit the containment size without the display of black borders around. The priority is not to show the video at its size but to adapt it to the available space.
Bye,
Matteo
It Works!!!
Thanks!!!!
http://planetasonoro.es/test.html
Anyway im using your other plugin becase i need to insert video from other websites.
I try to do this plugin responsive ,Im near but no close at all
Hi Rodrigo,
The problem on your page is that you duplicate the ID of the video container; it should be unique.
Try setting two different ID (video, video1) and it should work.
Bye,
Matteo