jquery - 使用 $.fancybox() onclick 打开 Youtube 视频

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/