8 replies to this topic

[shadesofgraywpg]

For some reason none of the modal window options are working with a Vimeo Gallery, in any Vimeo configuration. TinyBox is the one that causes the least problems (no warnings or JS errors) but the player modal window shows up upon clicking empty. There is no Vimeo embed / iframe inside. It's blank.

 

Any ideas?

 

I'm using and licensing TubePress Pro.

 

Thanks.

Attached Files

•  Screen Shot 2014-06-01 at 12.30.02 AM.png   100.56KB   0 downloads

[shadesofgraywpg]

Any ideas? Or is anyone else experiencing this with TinyBox & Vimeo?

[brandon]

Hi Shadesofgray,

 

Could you please post a link to your site so we can troubleshoot this issue?

 

Thanks!

[shadesofgraywpg]

Hey Brandon, yes of course. Just synced, so here's an online version: http://atfirstsightf...tutorial-vault/

[eric]

One issue that stands out to me is that this page is loading multiple instances of jQuery: once from

 

http://atfirstsightf...query/jquery.js

 

and then again from

 

http://stillmotionbl...y-1.10.2.min.js

 

This could very well produce the behavior that you are seeing with Tinybox. I don't see anything else wrong on the surface. One way or another, I strongly recommend fixing this before debugging further as multiple copies of jQuery can produce weird, inconsistent behavior.

[shadesofgraywpg]

Hey Eric, thanks for the quick response. I just took out the instance in the footer, the other (top) is being pulled right from Wordpress. http://atfirstsightf...tutorial-vault/.

 

Have a look - strangely I'm seeing the same thing, except now there's broken elements from the other jQuery instance now gone in the design (nothing to do with this plugin though). Otherwise everything else is pretty out of the box for settings; I do have a Vimeo API key set up, but with this gallery I'm not using it - just pulling in from a Vimeo album as an example. Also, Youtube acts the same way - iframes show up in console in Firebug but they aren't actually populating the TinyBox modal window.

[eric]

After further digging, I think I've found a lead. Did you by chance modify the CSS for Tinybox? Reason I'm asking is that the CSS for Tinybox loaded on your site:

 

http://atfirstsightf...nybox/style.css

 

differs from the same copy distributed with TubePress Pro:

 

http://tubepress.com...nybox/style.css

 

The current Tinybox implementation for TubePress relies (unfortunately) a bit on CSS to function properly. It actually waits for the Tinybox modal to expand to the expected size of the embedded video. But on your site the modal window is *never* reaching that size, and so the video never loads. If I use Chrome to manually tweak some CSS, I can get the videos to play:

 

[removed per customer request]

 

Thoughts?

[shadesofgraywpg]

Genius  . I wish I thought of that to mention; I'd honestly forgotten I styled a few things in there. Removing padding seem to solve it completely, even with the 2 instances of jQuery being pulled back in.

 

I'll mark as solved. Would it be possible to remove the youtube vid above or change the client name in the video title? Unfortunately the project is fairly secretive at the moment and I wouldn't want the content being leaked (even with dummy content). Thank you so much Eric!

[brandon]

Hi Shadesofgray,

 

I removed the embedded video from Erics post for you.

 

Thanks!