Easy FancyBox
[resolved] Vimeo Not Working (4 posts)

  1. EarlSnappy
    Posted 3 years ago #

    I'm not getting the overlay to open using the code below, I've made sure autodetect is on, and enabled for vimeo and iframes, is there anything else I should be doing? (Am using 20/12 child theme)

    <iframe src="http://player.vimeo.com/video/59873364?title=0&byline=0&portrait=0&color=a39771" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen class="fancybox-vimeo"></iframe>

    Thanks, Earl


  2. RavanH
    Plugin Author

    Posted 3 years ago #

    FancyBox opens on LINKS only. You need to create a link to your Vimeo page instead of embedding the video directly into your content. You can link using regular text or a thumbnail image showing a frame of your video content, that does not matter as long as it is a link... Instructions are on the FAQ tab.

  3. EarlSnappy
    Posted 3 years ago #

    Hi Ravan, thanks for that, the code I'm using at the moment is:

    <iframe src="http://player.vimeo.com/video/57476212?title=0&byline=0&portrait=0&color=a39771" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

    What do I need to change?

    Also, I've got an image lightbox working on a page with the following code:

    <img src="http://dogsofannwn.com/wp-content/uploads/2013/02/CONQUEST-A1.jpg" alt="Conquest Dogs Of Annwn" width="500" height="281" class="alignnone size-full wp-image-84" />

    but with the following code on a post the lightbox doesn't work, what do I need to add please:

    <img src="http://dogsofannwn.com/wp-content/uploads/2013/02/senlac-hill.jpg" alt="Senlac Hill Teaser Image."/> (I tried adding width="500" height="281" which reduced the image size on the page, but it didn't work),

    Thanks for any help, Earl

  4. RavanH
    Plugin Author

    Posted 3 years ago #

    When pasting code on this forum, please use the code button above the post field otherwise some code will get eaten or converted...

    So without being sure what you actually want to do, I'll try to answer here.

    If you want to open a Vimeo movie in FancyBox, you'll have to create a LINK (like I said before) to the Vimeo page. It's code might look somthing like this:

    <a href="http://vimeo.com/59873364?title=0&byline=0&portrait=0&color=a39771" class="fancybox-iframe">link text or thumbnail image here</a>

    The same with images. It does not matter how big or small the image on your page is, it does not even have to be an image. As long as there is a LINK to the full size image, then that full size image will open up in FancyBox.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic