-
Posts
-
On my page If i link to a video hosted on youtube or vimeo the video opens in a lightbox.
If I link directly to a video that is hosted on my server, there is no lightbox and the video takes up the whole screen and when it stops just sits there, so you can’t see the rest of the website.
How can I use the lightbox with videos that are hosted on my own server?
Thanks
Hey spleeky,
Please edit your link and add “?iframe=true” to the end of it to open it in lightbox.
Best regards,
YigitHello, I tried this approach and it’s not working. Does this only work with mp3 and not with mp4? I disabled other plugins for video, but I simply get the link itself displayed overlaying the poster image I added.Thanks in advance for responding!
I resolved this one by using the image element rather than the video element and adding the “?iframe=true” string to the end of the url. Worked perfectly…
Thank you for the documentation and forum responses which pointed me in the right direction.
Hi rlhinirv57,
Great, I’m glad that you found a solution and thanks for the update. Please let us know if you should need any further help on the topic.
Best regards,
RikardHello Enfold Team,
An image linked to video that plays in a lightbox works great on desktop browsers!There are issues on iPad. When the image is clicked, a lightbox does indeed open. Inside the lightbox is a very tiny image. When that image is clicked, the video does play.
What seems to be happening is: when the image linked to the video is clicked, that image is stuck inside the video controls div, which Mac user agent sizes at 31px in height. I’m trying to figure out how to either:
Style things so that the image does not get tucked inside that video controls div
Override the user agent; tough to do…Any assistance is welcome, including recommending a plugin, free or paid. The client has many customers who use an iPad so this is a critical issue to them. (see private info for screenshots & more information)
Hi rlhinirv57,
Sorry for the late reply. Are you only getting this problem on ipad simulations, or on an actual device? I tried reproducing the problem in Chrome simulation but I can’t seem to reproduce it. I don’t have an actual device to test it on unfortunately.
Best regards,
Rikardyou are using the alb element : video to place the video?
If so did you see under Advanced Tab of the Video ALB the option: “Lazy Load videos”
Choose the option: “show in lightbox …”on my ipad the video starts then in a lightbox – at the first moment as described a bit small of the lightbox dimension but after few ms it is then big.
look at: https://webers-testseite.de/selfhosted-video-in-lightbox/
one thing i recognized is that the loop does not work here.Hello Rikard, Yes the testing was on an actual device. However, I found a plugin that works well on an iPad and the client is happy so I believe this issue can be closed. Thanks for your response!
Hi rlhinirv57,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaHey @rlhinirv57,
I have the same lightbox problem on Safari and iOs. Which Plugin do you use?
Would be a great help to know…Thanks in advance
MywinHello there,
For my client who has the self-hosted explainer videos I ended up going with Wonder Video Embed and Wonder Lightbox Pro. Note: the lightbox plugin has a trial so you can install it and see if it works before you pay for it.
Hope this helps!
RhondaHi Ronda,
thank you very much for the fast replay and your solution! You are better then the Enfold support ;)Best wishes
Myriam
- The topic ‘How to use a lightbox for self hosted videos?’ is closed to new replies.