---------------- HTML ------------------
---------------- CSS - For adding a play button to the video thumbnail ------------------
/*-- VIDEO PLAY BUTTON --*/
a.video_pop_up {
position:relative;
display:block;
}
a.video_pop_up img {
position: relative;
z-index: 5;
}
.play {
width: 74px;
height: 73px;
background: url(/furniture/images/buttons/playbutton.png) no-repeat 0 0;
position:absolute;
top: 80px;
left: 143px;
z-index:500;
opacity: 0.8;
}
.play:hover {
opacity: 1;
}
---------------- FANCY BOX FUNCTION ------------------
$("a.video_pop_up").fancybox({
'speedIn' : 600,
'speedOut' : 200,
'width ' : 800,
'height' : 400,
'type' : 'iframe'
});