• Hi,

    I’m trying to open a Vimeo Showcase using the Fancybox iframe tag, but it doesn’t appear to work. I was able to make it work on another site a couple years ago. Is this no longer possible?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi, how does a Vimeo showcase work exactly? Do you have a specific share URL?

    Thread Starter phsu

    (@phsu)

    Thanks for the reply. Vimeo Showcases (formerly Albums) are custom gallery web pages hosted on Vimeo. I am trying to open my Showcase inside a Fancybox iframe to make it appear as if it is part of my site, and not an external link.

    Here is my Showcase: https://vimeo.com/showcase/6369949/

    OK, if you want to open the whole page (not one video or a playlist) then you need to use the iFrame option. Make sure to activate that type on Settings > Media then make a link to your showcase page (it can be a thumbnail image linked to that URL or it can be a simple text link) and then give that link the class fancybox-iframe.

    Are you using the new Gutenberg editor (WP 5+) or are you running with the Classic Editor plugin?

    Thread Starter phsu

    (@phsu)

    I’m on WP5+ using the Infinite Theme editor.

    Enabled iframe, used the link syntax in your support document. The box shows up but the content shows up as “vimeo.com is blocked – vimeo.com refused to connect.”

    Is this an issue with Vimeo?

    Hmm, it could be that Vimeo does not allow a showcase page to be embedded. You can test this by simply creating an iframe straight on the page.

    I’m not familiar with Infinite Theme editor but if there is a HTML or CODE element available (or a text block with HTML tab), then use that and insert:

    
    <iframe src="https://vimeo.com/showcase/6369949/" width="100%" height="600"></iframe>
    

    Then see if that does load the Showcase content…

    If it does, then it might be that you need to add nofancybox to the class of the fancybox-iframe link. It should look like class="nofancybox fancybox-iframe" which looks a bit silly but it is meant to prevent the auto-detection script to kick in and try to convert the URL to a regular Vimeo player URL.

    If you can share a link to your web page, I can take a look and see if that is indeed happening.

    Thread Starter phsu

    (@phsu)

    It looks like a Vimeo limitation. I tried both your suggestions, still doesn’t work.

    https://chatcanada.org/player-embed/

    Indeed, that means it’s just not possible :/

    Your only other option is to create a playlist and then get the share URL to that to open up in FancyBox. Don’t use iframe in that case, just let the plugin autodetect it…

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Vimeo Showcases’ is closed to new replies.