2

再会

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

在第 634 到 668 行

我做错了,结果当我点击播放按钮时,我没有打开fancybox,而是被发送到Youtube视频的全屏版本。我做错了什么?

谢谢你。

另外,如何使fancybox视频的角以5 pt为半径变圆?

再次感谢你。

4

2 回答 2

0

你没有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;
            });
于 2013-02-23T21:20:13.560 回答
0

只需将这行代码添加到您的代码中:(这是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 教程对你有所帮助;)

于 2013-02-23T21:35:02.753 回答