I have Fancybox v1.3.4 loading through my WordPress theme so it works both with TubePress and non-TubePress videos (Tubepress code to load Fancybox is commented out, as described here: viewtopic.php?f=18&t=1211&hilit=fancybox)
However, I don't want to load Fancybox on mobile devices, because it should play directly on the device using vimeo's player. For the showreel video, I'm using code like this to prevent Fancybox from activating on smaller viewport sizes (note that I will tweak this later to do some user agent sniffing as well):
if (window.innerWidth > 480 && window.innerHeight > 480) { $('.showreel').fancybox({ 'padding': 0, //optional 'width': 960, //or whatever 'height': 540, //or whatever 'type': 'iframe' }); }
How can I get TubePress to behave the same way (using Fancybox only for larger screen sizes, and directly linking the to video for smaller/mobile screens)?
Here's a link to the site: http://ldp.grantkinney.com