I’ve just added my first lightbox with video content. It previews just fine for all screens. Once published I have no trouble seeing it on my website (in Chrome on my MacBook Pro). However, once I open up my phone or any other browswer on any computer I get this link with teh hashtag at the end. Seems significant and doesn’t show in Chrome. instapost.io
Below’s a read-only link to my site. Anyone run into this before. What am I missing?
Well that’s both good and bad I guess. Thanks for having a look. This is a head-scratcher. Still not able to get it going in Firefox or Safari on OSX 10.10 or iOS (Chrome, Safari, or Firefox). It worked the first time I tried in Chrome on my iPhone, but not since. It still works fine in Chrome on OSX 10.10 on my laptop, but not my wife’s with the exact same set up. Odd.
More info rolling in as I troubleshoot. One person tested on iPhone and PC. Worked on PC, not iPhone. Used http://rex.oyster.io to retrieve this info for that test. Mobile is a problem, but so is Firefox. IE and Chrome appear to work.
So on Safari Version 10.0 (10602.1.50.0.10) on OS X 10.10, I can get it to work if I click the button before the social share section comes in. After the social share section comes in, the lightbox doesn’t work anymore.
When it does work, the console throws this error, but the lightbox and video work fine:
Blocked a frame with origin “https://cdn.embedly.com” from accessing a frame with origin “http://instapost.io”. The frame requesting access has a protocol of “https”, the frame being accessed has a protocol of “http”. Protocols must match.
So it might be a matter of some other javascript/jQuery interfering with the lightbox. Does it work more consistently if you remove the social share section code?