English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

Can I add multiple add video player to website on one page?

Jan 29, 2013

Q: I have a question. I am trying to add multiple <keyw id=0/> to my page. I am using Dreamweaver CS6 for the Mac. I read on the trouble shooting page that it isn't possible to insert a gallery more than once to the same page.. But is there a way to add the videos to the page without using that option?

A: To set up several different galleries on your page you should for the second gallery:

- change id="videogallery", for example to id="videogallery2".
- set the same id in the engine/css/videolightbox.css file:

#videogallery2 {
        width:100%;
        zoom:1;
}
#videogallery2 span{ display:block; }
#videogallery2 a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:0px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:0.87;
}
#videogallery2 a img{
        display:block;
        border:none;
        margin:0;
}
#videogallery2 a:hover{
        text-decoration:underline;
        opacity:1;
}



- set the same id for the engine/js/videolightbox.js. file:

change:

$("#videogallery a[rel]").overlay({)



to:

$("#videogallery2 a[rel]").overlay({



- You should change in the same way in engine/js/videolightbox.js and in
engine/css/overlay-minimal.css files the following paramters: vcontainer, voverlay and
video_overlay, for example to vcontainer2, voverlay2 and video_overlay2.

Recent Questions »

Related