data-lightbox-gallery with videos

  • Posted in : BookCard
  • redmonster
    Participant

    Hello,
    I have in my portfolio videos.
    If click on the image the lightbox opens, but I can’t see the arrows to click to the next one.
    How does that work?
    Thanx, Steven

    redmonster
    Participant

    it works now thanx!

    redmonster
    Participant

    No, sorry it not really working. What do I have to write “fancybox-item-03”. A Protfolio with Videos.
    Thanx.

    ahmetsali
    Keymaster

    Hi, you can combine images and videos into lightbox gallery, data-lightbox-gallery attribute must be common for all.

    <!-- lightbox - gallery -->
    <a href="images/portfolio/lightbox-02.jpg" data-lightbox-gallery="fancybox-item-02" class="lightbox" title="Octopus is dangerous!"></a>
    <a href="images/portfolio/lightbox-04.jpg" data-lightbox-gallery="fancybox-item-02" class="hidden lightbox"></a>
    <a href="images/portfolio/lightbox-03.jpg" data-lightbox-gallery="fancybox-item-02" class="hidden lightbox" title="Dog have dreams"></a>
    <a href="http://player.vimeo.com/video/37254322?badge=0&amp;color=ffffff" title="Paper by FiftyThree" data-lightbox-gallery="fancybox-item-02" class="hidden lightbox iframe"></a>
    <!-- lightbox - gallery -->
    
    peidshjt
    Participant

    I am having a problem with YouTube imbedded videos. With “galleries” the video plays fine, but clicking on the video (like the arrows) also skips forward to the next video or previous video. How do I prevent that from happening, because with that happening I am not able to change the video resolution, volume, turn off annotations, etc.

    Anything that I need to click on the video to control is not allowed without skipping to the next video in the gallery.

    Also, How do I display a single video without arrows on it? What does “fancybox-item-02” mean? I’m not sure I understand what that command is doing?

    I have some videos that I want to be included in a gallery, and some videos that I want to be stand alone videos with NO arrows for skipping back and forth. Even if I have only one video as part of the portfolio item, sometimes it still gives me arrows. Arrows then give me the initial problem from the beginning of my post.

    Let me know how I can be more clear, because I’m sure that this was confusing.

    Thanks!

    ahmetsali
    Keymaster

    @peidshjt

    Hi, the links with same data-lightbox-gallery attribute value will be treated as a gallery.

    – you can try this custom css code prevent next and prev links overlap on video.

    #fancybox-left, #fancybox-right {
        width: 100px;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register