Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1433828

    HI
    I have a video element that I want to open in a lightbox.
    When I click on it, it opens in a lightbox with a minified image and play button, and on mobile you have to click again to start the video.
    see images below. I tried adding ?iframe=true to the video url (self-hosted) but still have issues especially on mobile.
    Can you see what is causing this? Should I use .mov files? I have one that is too large to upload.
    thanks for your help
    Nancy

    • This topic was modified 9 months, 1 week ago by Munford.
    #1433919

    Hey Munford,
    Thanks for the link to your page and the screenshots, please try doing it this way, in your video element add your self-hosted video link without ?iframe=true and a fallback image:
    Enfold_Support_4659.jpeg
    Then in the advanced tab, choose to show the video in a lightbox:
    Enfold_Support_4661.jpeg
    Then the video should open in a lightbox and play without a second click, this works for me on Android and I assume it will also work on IOS, but I don’t have an iPhone to test on. Please see my test page linked below in the Private Content area.
    As for the little image showing when the lightbox shows, I don’t see this on your or my site, but I do see the media player loading on click while the lightbox is loading and before the video is loaded, this happens very quickly, and so when I tried to get a screenshot of it the small image did show:
    Enfold_Support_4666.jpeg
    but with my eye I only saw a small black box, so since this is the loading of the WordPress media player, Enfold uses the WordPress media player, I don’t think we can change this.
    I hope this helps.

    Best regards,
    Mike

    #1433927

    when I set it up that way, it looks fine on pc, but on my iphone I see the small image and another play button that has to be clicked before it plays.
    I now added an element below just for mobile that doesn’t open in a light box and that works OK but I see a doubled play button if I pause it.

    • This reply was modified 9 months, 1 week ago by Munford.
    • This reply was modified 9 months, 1 week ago by Munford.
    #1433940

    Hi,
    In your screenshot, do you mean the orange play button that is embeded in the image and the player play button, or perhaps it is from the iPhone.
    You say that you must click twice to play the video, I’m not seeing this on Android so I believe that the iPhone is treating the lightbox video as a auto playing video and blocking it.
    IOS is the most aggressive when blocking auto playing videos, you may be able to mute the video and then it would play when the lightbox opens, but you would still need to click again to enable the sound.
    You may need to not use the lightbox so IOS will allow the video to play on one click, unfortunately there is not a way to work around the mobile video blocks that the device forces.

    Best regards,
    Mike

    #1434065

    OK thanks for the info. I made a workaround that seems OK

    #1434067

    you can close this

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘videos opening a small image first’ is closed to new replies.