У меня проблемы с недавно созданным сайтом Wordpress. Я внедрил Fancybox на страницу, которая открывается с помощью iframe от Vimeo. Кажется, все работает нормально, за исключением того, что когда я нажимаю на кнопку, 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:
$(document).ready(function() {
$(".various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'titleShow' : false
});
});
Я использую Fancybox 1.3.4 и последнюю версию jQuery.
На самом деле не знаю, что здесь происходит, но я подозреваю, что это что-то довольно простое. Любая помощь будет принята с благодарностью.
Спасибо