Search code examples
javascriptjquerylightboxvimeo

Vimeo video lightbox

I'm having trouble getting a Swipebox.js Vimeo video lightbox to work. I've also tried Shadowbox without any luck.

The actual overlay works. The video just doesn't show. I've tried different video links, using a text link instead of an image, and tweaking the firing of the plugin.

Here's the actual page I'm trying to get to work (see video link at top): alookat.org/wavefront.

Here's the <a> I'm targeting:

<a class="swipebox-video" href="http://vimeo.com/124510802">
    <img id="video-preview" src="img/video-preview.jpg" alt="Wavefront Introduction Video">
    <span></span>
</a>

The <span> is just for the play button. I've followed the instructions on the Swipebox page as closely as possible. All the Javascript & event firing should be in place.

Any help would be much appreciated. I'm not attached to Swipebox—I'll use anything that will get clicking on the image to show (and autoplay) the Vimeo video. Thanks for your help.

Solution

  • Problem solved: the plugin works when hosted live, but not locally. More specifically, the Vimeo video only loads when the page is loaded on a server. Thanks @showdev for your help.