2012-02-16 11 views
0

ファンシーボックスを使用してiframeにVimeoビデオを表示したい。Fancybox iframe、iframeを表示してから、urlに移動しますか?

これは私のコードです:

$(document).ready(function() { 
    $(".fancyvarious").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 

リンク:

<a class="fancyvarious fancybox.iframe" href="http://vimeo.com/videoID"><img src="linkurl.jpg" alt="" width="950" height="400" /></a> 

私は画像をクリックすると、それはIFRAMEを示しているが、それはURLに行く...私だけiframeを表示したい

誰かが私を助けることができますか?

ありがとうございます!

答えて

0

http://fancyapps.com/fancybox/demo/

<a href="iframe.html" class="fancybox fancybox.iframe">Iframe</a> 

<!--iframe.html--> 
<iframe src="http://player.vimeo.com/video/33698394?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/33698394">The Love Competition</a> from <a href="http://vimeo.com/user6989541">Brent Hoff</a> on <a href="http://vimeo.com">Vimeo</a>.</p> 
+0

、解決策はhttp://player.vimeo.com/videoを使用していました/ videoIDありがとう – Klian

0

これを試してみてください:[OK]をクリックして、返信用

$(".fancyvarious").click(function(e) { 
    e.preventDefault(); 
}); 
// fancybox initialisation here... 
+0

おかげで、それは仕事をdoesnt :( – Klian

関連する問題