Saturday 5 July 2014

02:57    No comments
Read More

 
---------------- 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' });