0
我想使用此代码打开灯箱YouTube链接:
<a href="#" onclick="$.fancybox(['http://www.youtube.com/watch?v=123']);">Click me</a>
灯箱火灾,但不是一个YouTube播放器,它只是静态的URL的文本。
我想使用此代码打开灯箱YouTube链接:
<a href="#" onclick="$.fancybox(['http://www.youtube.com/watch?v=123']);">Click me</a>
灯箱火灾,但不是一个YouTube播放器,它只是静态的URL的文本。
HTML标记
<a class="video" title="The Falltape" href="http://www.youtube.com/v/ZeStnz5c2GI?fs=1&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/