-
Please can we have the ability to add video lightboxes to images without having to use shortcodes. It would be so much easier if we could simply add a class to the image – like we can on text links.
So, in addition to…
<a href="video.mp4">text here</a>We can also use…
<a href="video.mp4">< img src="image-here.jpg" /></a>I noticed I’m not the first person to ask for this feature, it was also requested here. The last post mentions that it is on the list to add, but that was 2 years ago.
-
-
The HTML code did not render as intended, hopefully the post still makes sense.
Hello Luria,
we are behind on this work as you noticed. We are aiming to simplify the lightbox, so let me check with our team about how much priority this should get.
Thanks,
Martin
Hi Luria,
Can you repost your example? I’m going to run a test of some syntax:
* list item one
* list item two1. number list item one
2. numbered list item twoAnd more code in Markdown style:
Hi Luria,
HTML code tags around your code snippet will keep your code clean. (I’d like to move the forums to Markdown but it looks like we haven’t done so yet).
In general, we’d like to implement this image to open up video feature immediately but we want to keep it simple enough that it’s easy to configure and to use.
Okay I’ve just reread that whole thread. Thanks for relinking it. I don’t know why we didn’t just create this code then.
Martin, could we please do this?
Thanks.
Thanks Martin, when is this likely to be implemented?
Sorry, I meant to say Alec in the post above.
Wish these forums had an edit option.
Hello Luria,
sorry about the delay, this has been added in FV Player 6.0.5.18 released just now.
You can see demo here: https://foliovision.com/player/demos/fv-flowplayer-lightbox -> Lightbox Using HTML
Thanks,
Martin
Fantastic, thanks!
Is it possible to set a maximum width for the lightbox via CSS?
In Chrome, if your window isn’t big enough, the right edge of the video is cut off. If you then resize the window the lightbox does scale to fit correctly – it just doesn’t do that when you first “launch” the video.
Here’s the Chrome issue replicated with the lightbox demo on your own site.
Hello Luria,
I was not able to reproduce that issue, the splash screen appears properly for me as the video loads.
Could you please let us know what exact Chrome version you are using? Best if you could send over the exact user agent string which you can find here: http://www.whoishostingthis.com/tools/user-agent/
Thanks,
Martin
I can’t replicate it every single time, but I have experienced it on two different machines, and also had a user report it – again in Chrome. To try and replicate it, open and close the video multiple times, and adjust the browser width between each time.
User agent string:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36
Any update on this?
Regardless of whether it gets fixed or not, is there a way to control the width of the lightbox via CSS?
Thanks!
Hello Luria,
sorry, I wasn’t able to get to this yet.
The lightbox dimensions can be altered in the shortcode, although we are thinking if that’s really needed – if the lightbox would tak something link around 90% of the screen it might simpler to use.
Thanks,
Martin
Using a shortcode would be a last resort – using HTML for these was the original aim so would be better if it could be altered via CSS. The only reason I want to reduce the size is to try and avoid the cutting off bug,
Hello Luria,
I was able to reproduce the issue here as you said by opening and closing it again and again and always changing the browser window size: https://foliovision.com/player/basic-setup/using-lightbox Now I tried again and it was not happening anymore.
We will look into simplifying that code and that should get rid of the issue already.
There is one thing that would help though – do you get the same issue even if you disable FV Player Pro – assuming that it’s not required to play these videos that are causing the issue
Thanks!
Martin
Thanks for the update. Think we need the pro version for other videos on the site, so reluctant to disable.
Just a heads up, this same bug occurs with the shortcode lightbox – plus sometimes the border expands but not the video (see image attached).
Same browser as posted above, test done on your own demo page.
not sure if the image worked, so re-adding.
Hello Luria,
unfortunately I was not able to reproduce this bug anymore. I opened and closed the lightbox multiple times, always resizing the browser window.
Are you using any browser extensions?
Are you noticing that the issue occurs when you change the windows size during the initial video load (when the three dots animation shows up)?
Thanks,
Martin
We have been able to recreate this in an extension-free version of Chrome, but the issue doesn’t seem to happen anywhere near as often as it did previously.
Hello Luria,
we found the exact steps to reproduce similar issue:
1) Set your window to 600×300 px
2) Open https://foliovision.com/player/demos/flowplayer-lightbox-borders
3) See that the player bar is not visible.
4) Resize the window a bit – it fixes itselfSo now we can really fix it.
Thanks,
Martin
