【发布时间】:2011-11-16 09:03:48
【问题描述】:
我最近建立的一个 Wordpress 网站遇到了一些问题。我已经在页面中实现了 Fancybox,该页面使用 Vimeo 的 iframe 打开。一切似乎都很好,除了当我单击按钮使 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。
真的不知道这里发生了什么,但我怀疑这很简单。任何帮助将不胜感激。
谢谢
【问题讨论】:
标签: javascript jquery wordpress iframe fancybox