fancybox - 无法控制花式框中视频的宽度和高度

Question

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

我有视频打开内联，但我无法控制它的尺寸。你能帮我看看这个页面，看看我在哪里犯规。

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

谢谢你，darrell@bytebrothers.com

Answer 1

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

$(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（youtubeiframe模式）模式下定位 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">