打開YouTube影片$ .fancybox（）的onclick

Question

我想使用此代碼打開燈箱YouTube鏈接：

<a href="#" onclick="$.fancybox(['http://www.youtube.com/watch?v=123']);">Click me</a> 

燈箱火災，但不是一個YouTube播放器，它只是靜態的URL的文本。

Answer 1

HTML標記

<a class="video" title="The Falltape" href="http://www.youtube.com/v/ZeStnz5c2GI?fs=1&amp;autoplay=1"><img src="images/1.jpg" alt="" /></a> 

jQuery的標記

jQuery(document).ready(function() { 

    $(".video").click(function() { 
     $.fancybox({ 
     'padding'  : 0, 
     'autoScale' : false, 
     'transitionIn' : 'none', 
     'transitionOut': 'none', 
     'title'  : this.title, 
     'width'  : 640, 
     'height'  : 385, 
     'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
     'type'   : 'swf', 
     'swf'   : { 
      'wmode'   : 'transparent', 
      'allowfullscreen' : 'true' 
      } 
     }); 

     return false; 
    }); 
}); 

使用的代碼是從快速谷歌搜索發現。 http://webdesignandsuch.com/fancybox-youtube-videos/