Question

美好的一天

我在以下网址创建了脚本：http://www.radiocraft.ca

第634至668行

我做错了什么，结果当我无法打开播放按钮，而不是打开fancybox时，我被发送到Youtube视频的全屏版本。我做错了什么？

谢谢。

另外，如何使半径为5 pt的fancybox视频圆角？

再次感谢你。

Answer 1

您没有video方法，我认为您想要使用fancybox

像这样：

$("#yt").click(function() {
                $.fancybox({
                        'padding'        : 0,
                        'autoScale'      : false,
                        'transitionIn'   : 'elastic',
                        'transitionOut'  : 'elastic',
                        'title'          : this.title,
                        'speedIn'        : 600, 
                        'speedOut'       : 200, 
                        'width'          : 680,
                        'height'         : 495,
                        'href'           : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                        'type'           : 'swf',
                        'swf'            : {
                            'wmode'              : 'transparent',
                            'allowfullscreen'    : 'true'
                        }
                    });
                return false;
            });

Answer 2

只需在代码中添加以下代码:(这是javascript）

$(document).ready(function() {
    $(".video").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

以及您的html链接（您可以在其中添加课堂视频，添加下一课 fancybox.iframe ）

所以你的html链接看起来像:(包括你的href图像）

<a class="video fancybox.iframe" href="http://www.youtube.com/v/meqnw_DdArE?fs=1&autoplay=1"><img alt="Corvette Video" src="Headphone%20Amplifier%20Corvette%20Video%20Main.jpg" width="587" height="391" class="style40" /></a>

我希望这个mini-fancybox教程可以帮助你;）

在精美的盒子里播放Youtube视频

2 个答案: