在精美的盒子里无法控制视频的宽度和高度

时间:2012-07-01 01:12:16

标签: fancybox

我最终想要创建一个照片库...点击图片将启动You Tube视频。我正在使用fancybox 2.0。

我的视频开放内联,但无法控制其尺寸。能否请你看一下这个页面,看看我在哪里搞砸了。

http://www.bytebrothers.com/bb_tester/Video_lightbox_test.htm

谢谢你, darrell@bytebrothers.com

1 个答案:

答案 0 :(得分:2)

这就是你的剧本现在的样子

$(document).ready(function() {
 $('.fancyYouTube').fancybox({
   width  : 400,
   height : 300,
   autoSize : false,
   type   : 'swf'
 })

这就是它应该是什么样子

$(document).ready(function() {
 $('.fancyYouTube').fancybox({
   width  : 400,
   height : 300,
   autoSize : false
 });
});

你遗漏了一些右括号。

另一方面,如果您使用的是fancybox-media,则无需指定type:'swf'

更新:在embed(youtube iframe模式)模式下定位YouTube视频时,请将类fancybox.iframe添加到您的主播中,以便

<a class="fancyYouTube" href="http://www.youtube.com/embed/dx6TZgUSquY">

应该是这个

<a class="fancyYouTube fancybox.iframe" href="http://www.youtube.com/embed/dx6TZgUSquY">