Using the “FancyBox” jQuery popout feature to display your Videos

[Frank S.]

Localbiz Site Builder incorporates the use of “FancyBox” jQuery popout lightbox to display Youtube and Vimeo videos.

This is done automatically whenever you insert a link to a Youtube or Vimeo video then that video will popout into the lightbox when the video link is clicked. This means you can place any simple link such as “Click to Play Video” anywhere on your site pages or sidebar and have a video popout via lightbox over the page being viewed.
The correct way to write the link is as a standard html anchor text link in the html mode (see examples below).

example 1)

Code:

<a href="http://www.youtube.com/watch?v=UXzMPd9pib0">Click To Watch Demo Video</a>

example 2)

Code:

<a href="http://vimeo.com/24062009">Click to watch video</a>

Alternatively, you can make any video pop out via the lightbox by using the code class="fancyvideo" prior to the "href" part of the video link.

For example:

Code:

<a class="fancyvideo" href="http://www.youtube.com/watch?v=HJQ8MsJuZUw>Watch Video</a>

This will work with all videos whether or not they are Youtube or Vimeo.