Okay
  Public Ticket #2077058
Video Behavior in Lightbox
Closed

Comments

  •  4
    Vincent started the conversation

    Hi, 

    I have multiple questions about video size & properties shown in lightbox mode. On the following link you can find the portfolio items filtered: http://www.claar.be/newwip/video-test

    Kloosterstraat is self-hosted, the other 3 are Vimeo.

    1. Sometimes the videos from vimeo starts autoplaying, but the first time after page load not. I would like autoplay all the time, is that possible? (the self-hosted video always starts autoplaying)
    2. the self-hosted video file is portrait video, but apparently it makes a black left & right fill to make it landscape, that's not really what I want because of the next point:
    3. I made the video stretch to 100% width, but when height becomes smaller it doesn't correctly contain the video, However, on still images this contain works perfectly from start, how can I achieve this contain with videos? also vertical videos without black lefts & rights?
    4. On mobile I don't see a poster picture when I open a video project, I only see the vimeo play button, however I specifically specified a poster image in the options.

    Could you help me with this? You could use the same credentials as from my previous ticket.


    One extra: the subtitle text is also missing with the self-hosted video.

    Thanks in advance,

    Vincent

  • [deleted] replied

    Hi Vincent,

    You are using an old version of our theme 2.7.6, the latest version for the moment is 2.9.1 (read release notes), please update your theme first and then the premium plugins too.

    After you update the theme, there is a chance that we also updated some of the plugins that we offer. To update those plugins to the latest version that we support, just go to Appearance > Install Plugins.

    When you update your theme we can check your questions.

    Thanks!

  •  4
    Vincent replied

    Dear Ylli,

    I updated to the new version as you requested, but it doesn't make any difference for any of the points I stated. But if it helps you to check the questions! 

    I attached also a video here to explain for my question 2 & 3:
    As you see, in the lightbox video gets cropped, and has black left & right. When I open the videofile only in a new tab, and I start pulling the browser, the video keeps contained always, no crop, that's what I want to achieve with the videos in lightbox, also vimeo. 

    Thanks in advance,

    Best regards,

    Vincent

  • [deleted] replied

    Hi Vincent,

    Happy to hear that you updated your theme, please keep your theme always updatedsmile.png

    As for your questions:

    1— I think that the first option in the video does that (see video).

    2 and 3— That is how the lightbox library that we use behaves. 

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.

    If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Codeable. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    4— I will write this problem in our to-do list so we will check this problem in the future updates.

    Thanks!

    Have a nice weekend!

  •  4
    Vincent replied

    Hi Ylli, 

    Thx for your reply, so none of the questions are resolved I'm afraid.

    1- Unfortunately autoplay option doesn't work. I enabled it, but no autoplay is happening?

    2-3 For the containing behavior it's a pity I can't simply add some object-fit: contain css to have the video behave like images. It seems a super easy thing to do, just can't find it myself where i need to put this line.

    4 ok, so no solution for this either?

    Thanks in advance.

  • [deleted] replied

    Hi Vincent,

    Sorry for the late reply.

    1— It seems that the LightGallery library that we use doesn't support autoplaying of the videos for the moment.

    2 and 3 — Sorry but that option is not available somewhere in the library, maybe you can contact the developer and they will guide you how to achieve that.

    4— Can you please add the code below to your Custom CSS area:

    .lg-outer .lg-has-video.lg-video-playing .lg-object {
        display: block;
    }

    If that CSS doesn't work then apply !important rule there:

    .lg-outer .lg-has-video.lg-video-playing .lg-object {
    display: block !important;
    }

    Have a nice weekend!