我在最近建立的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&byline=0&portrait=0&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的最新版本。
真的不知道這裏發生了什麼,但我懷疑這是非常簡單的事情。任何幫助將不勝感激。
感謝
非常感謝@JFK – remi90