Add button for popup in categories

[rottiejoe]

Hi all,

i have set up most of a new contribution for videos i am working on and I am now stuck as my PHP and Javascript is not very good. I have all files in place in my overide template but i need to know what file I need to place the following code snippets in to link back to the template files. The contrib is for a button below the categories description which when clicked will play a demo video of the product from youtube or vimeo in a popup. i have it working offline but i need to place the following code in the relevant files to get it to work, any help appreciated.

This 1st part is the head part what file does it need to be in

<link rel="stylesheet" href="includes/templates/template_10/templates/engine/css/newvideo.css" type="text/css" />
<style type="text/css">#videoplay a#videort{display:none}</style>
<link rel="stylesheet" type="text/css" href="includes/templates/template_10/templates/engine/css/main_css_file.css"/>
<script src="includes/templates/template_10/templates/engine/js/jquery.special.effects.js" type="text/javascript"></script>
<script src="includes/templates/template_10/templates/engine/js/swfobject.js" type="text/javascript"></script>
<script src="includes/templates/template_10/templates/engine/js/videosquare.js" type="text/javascript"></script>

This part is for both the body and the link button what are the correct files for the two pieces.

<script type="text/javascript">
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("video_play");
ytplayer.setVolume(100);
}
</script>
<div id="TheVideo">
<a rel="#voverlay" href="http://www.youtube.com/v/YOUTUBE_CODE?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="PRODUCT_NAME"><img src="includes/templates/template_10/file10/small_images/new.jpg" alt="Ormonde scarf large" /><span></span></a><a id="videolb" href="http://www.YOUR_WEB.com"></a>
</div>

Thanks

rottie

[kobra]

All required for a youtube would be adding something like this to the product description entry

<div>embed src="http://www.youtube.com/v/axxxxxxx&hl=en&fs=1&" width="300" height="248" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" /></embed /></div>

[rottiejoe]

Hi Kobra,

I understand that, but that method will only give me an embedded youtube video in the middle or wherever of each page. what I want to do is have a nice popup of a demo video if someone does want to watch it. it should make the product page less cluttered and mor professional. Thanks for the help.
Rotttie