Tagged: lightbox video, mobile, video
-
AuthorPosts
-
February 9, 2024 at 3:44 pm #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.
February 10, 2024 at 4:49 pm #1433919Hey 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:
Then in the advanced tab, choose to show the video in a lightbox:
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:
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,
MikeFebruary 10, 2024 at 6:17 pm #1433927when 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.February 10, 2024 at 7:25 pm #1433940Hi,
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,
MikeFebruary 12, 2024 at 10:23 am #1434065OK thanks for the info. I made a workaround that seems OK
February 12, 2024 at 10:24 am #1434067you can close this
-
AuthorPosts
- The topic ‘videos opening a small image first’ is closed to new replies.