Question

I have a fancybox for inline item that contains a vimeo video ebmedded by iframe. when i first trigger the fancybox – no problem. but after i close it and try open again – no video.

i have to use inline because of the design of the fancybox requires some elements.

this is the code for the inline box:

<div style="display:none"><div id="fb-wrapper"  class="simple">
      <img src="http://www.xxxxxxx.com/homestuff/images/window-fb-right-2903.png" id="right-window-fb" />
      <img src="http://www.xxxxxxxx.com/homestuff/images/window-fb-left-2903.png" id="left-window-fb" />
      <iframe id="player_1" src="http://player.vimeo.com/video/xxxxxx?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;api=1&amp;player_id=player_1" width="480" height="240" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Answer 1

Most likely you are using fancybox v1.3.4, aren’t you?

Regarding the iframe, there is a bug and a workaround that you can learn more about here

Additionally, since you are using inline content, there is another bug that you need to be aware of … and here you will find the description and the workaround

From my point of view, it’s a bad idea to have hidden inline iframes because they will create an overhead in your page load regardless that they are visible or not.

In you case I would target the video directly and set the fancybox type to iframe