Floaty jQuery plugin | v 1.0 | jan 2010
Float YouTube player embeder
Only add YouTube videos Url!
Click on thumbnails to play
  • Display the thumbnail of video in 3 versions
  • Display the thumbnail of video in 2 size | Small and Big
  • Embed the videos in the Float box
  • Player close button
  • Customizable size and color of video player
How To Use ?

Add YouTube videos links in <a> tag, like this:

<a href="http://www.youtube.com/watch?v=S2-9KFesk00" class="Floaty"></a>
<a href="http://www.youtube.com/watch?v=aUqfgdJLA8g" class="Floaty"></a>
<a href="http://www.youtube.com/watch?v=0cnwhyDLmto" class="Floaty"></a>

Scripts you need:

<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/floaty.js" type="text/javascript"></script>
How To Call Floaty Plugin ?

<script type="text/javascript">
Options (Settings)
Parameter Default Desc
vWidth 340 Video player's width size in px
vHeight 245 Video player's height size in px
vThumbSize "small" Video's thumnail size | "small" or "big"
vThumbVer 2 Version of thumbnail | 1,2 or 3 only for small size
BgColor "#000" Overlay's color
BgOpacity 0.6 Overlay's opacity | values between 0.0 to 1.0
BorderColor "#fff" Video player's border color
BorderOpacity 0.9 Video player's border opacity | values between 0.0 to 1.0
ShowBorder 0 Show border of YouTube player | 0 or 1
ShowRelatedVideo 1 Show related videos on player | 0 or 1
Color1 "666666" Video player's color 1 | Hexa color code without #
Color2 "efefef" Video player's color 2 | Hexa color code without #
CloseKey "x" Set the keyboard key for close
imgClose "close.png" Url of close image
ResizeSpeed 500 Speed of box resizing | in milliseconds
How to change the settings?
<script type="text/javascript">

           vWidth: 660,
           vHeight: 525,
           BgColor: '#CCC',
           vThumbVer: 1,
           imgClose: '../img/close.gif',

Version 1.0
Jan 2010
Floaty is free for non-commercial and personal use. If you want to use Floaty on a school site, your non-commercial blog or non-profit organisation website, just download and use it for free.