Copyright © 2012-2014 RichoSoft -  All Rights Reserved | Terms of Use | Privacy Policy
Home Templates Design Tools More Tools Logos Scripts Shop
Search our on-line Store
Donate and
help me add more FREE content
Slide-Out YouTube Video Player
A working demo is attached to this page.
The code
Paste the code below into the <head> of your page:
Notes:
Do NOT add the :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
if you already have a version of jquery on your page.
Change the pathToTabImage: ‘images/pullout.png’ to the location and file name of your pop-out image. This should be 55px x 40px.
Change the width to the width you chose for your video player.
Paste the code below into the <body> of your page just after the last </div> tag and directly before the </body> tag (this is important as the pop out will not be attached to the side of the browser window if it is positioned anywhere else):
Notes:
Get your player code from my online YouTube Custom Player Creator here    

That’s It!   Sit back and admire your work.

You can download a WebPlus X5 wpp  on the right.
Download the wpp Template
Powered by Elegant Comments
Click the logo

PLEASE NOTE: Google have blocked hotlinks to the Tab jQuery files. So you need to replace the:

<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script> with a local version. Download it here: Zip file with tabSlideOut.v1.3.js add to your site in a folder called say js.

PLEASE SEE NOTE AT FOOT OF PAGE

Cookie Information

This message will only appear Once!

This site uses cookies to store information on your computer. They are only set when you access certain features on this site. Clicking adverts or links on this site may also result in a cookie being set by the advertiser’s or third party site. If you do not wish to receive any cookies then you should switch them off in your browser.

If you are not sure what cookies are or what they do, then please click the Cookie Information button below to find out more, before browsing this site. You can also get information on how to manage cookies in your browser there too.

You can find out how we use cookies in our Privacy Policy.

By continuing to browse this site you accept the use of cookies.



This site uses the following types of cookies:
  • Per session cookies. (These will be removed automatically at the end of the browser session and are used for things like Shopping Baskets.)
  • Persistant cookies. (These will remain for a pre-determined period of time and will contain data for Google Analytics and your site preferences etc.)
  • Third party cookies. (These may be set when you click links to other sites or click on advertisers links.)
CookieAlert by Fortune Design - © 2012 - All Rights Reserved
Home
Visit Us