2011-11-16 92 views
0

我在最近建立的Wordpress網站上遇到了一些問題。我已經將Fancybox實現到打開了Vimeo的iframe的頁面中。這一切似乎都工作正常,除了當我點擊按鈕,使Fancybox彈出視頻。如果我關閉Fancybox並再次打開它,它只會顯示一個白色框,就好像視頻無法再次加載一樣。Fancybox視頻在第二次點擊後無法播放(錯誤?)

下面是HTML:

 <a href="#introVideoContent" class="mainBtn viewAllEventsBtn">Or view our complete range of Events</a> 

    <div id="introVideo"> 
     <a href="#introVideoContent" class="various1">Click here to watch oa teaser video!</a> 
    </div> 

<div style="display: none;"> 
      <div id="introVideoContent" class="video-js-box"> 
       <iframe src="http://player.vimeo.com/video/31444322?title=0&amp;byline=0&amp;portrait=0&amp;color=ad221d" width="916" height="515" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> 
      </div> 
     </div> 

...和的fancybox的jQuery:

$(document).ready(function() { 
    $(".various1").fancybox({ 
     'titlePosition' : 'inside', 
     'transitionIn'  : 'elastic', 
     'transitionOut' : 'elastic', 
     'titleShow'  : false 
    }); 
}); 

我使用的fancybox 1.3.4和jQuery的最新版本。

真的不知道這裏發生了什麼,但我懷疑這是非常簡單的事情。任何幫助將不勝感激。

感謝

回答