2

良い一日

次の URL でスクリプトを作成しました: http://www.radiocraft.ca

634~668行目

私は何か間違ったことをしました。その結果、fancybox を開く代わりに、再生ボタンをチリンと鳴らすと、YouTube ビデオのフルスクリーン バージョンに送られます。私は何を間違えましたか?

ありがとうございました。

また、ファンシーボックスの動画の角を半径5ptで丸くするにはどうすればいいですか?

ありがとうございました。

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>

このミニファンシーボックスのチュートリアルがお役に立てば幸いです ;)

于 2013-02-23T21:35:02.753 に答える