Docs

[bridget]

Hello,

Using a lightbox that opens to play a video – which works fine on desktop, but doesn’t open on tablet or mobile.
http://c37.cf3.mwp.accessdomain.com/neil-meiklejohn/

Any way to make this work?
Thanks,
Bridget

[bridget]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in and for providing the information. I have tested your site and I could view the lightbox. This is what I am seeing: http://prntscr.com/czfa86

I would recommend that you clear your phone browser’s cache or use Chrome’s incognito mode to test your site.

Please let us know how it goes.

[bridget]

Hi,

I really appreciate your response, but it doesn’t open on iphone, or ipad in Safari or Chrome (haven’t tested other browsers on those two yet). Cache, history etc all cleared. Also tried in incognito mode.

It DOES work on a Samsung/Android phone (just tested that).

Page loads fine – you click on a video thumbnail which then shows the overlay information, you click again and nothing.

Thanks!

[bridget]

Reporting back that i found a fix –

Safari on mobile/iOS has a bug on click events, and adding the following code is a work-around…
See here for explanation:
http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html

.tg-element-above, .tg-media-button {
/* Added to fix Mobile Safari click event issue */
cursor: pointer;
}

Hope this helps someone else out!

[Friech]

Yes, sure it will. Thank you for sharing.

Cheers!

[Author]

Posts