良い一日
次の URL でスクリプトを作成しました: http://www.radiocraft.ca
634~668行目
私は何か間違ったことをしました。その結果、fancybox を開く代わりに、再生ボタンをチリンと鳴らすと、YouTube ビデオのフルスクリーン バージョンに送られます。私は何を間違えましたか?
ありがとうございました。
また、ファンシーボックスの動画の角を半径5ptで丸くするにはどうすればいいですか?
ありがとうございました。
良い一日
次の URL でスクリプトを作成しました: http://www.radiocraft.ca
634~668行目
私は何か間違ったことをしました。その結果、fancybox を開く代わりに、再生ボタンをチリンと鳴らすと、YouTube ビデオのフルスクリーン バージョンに送られます。私は何を間違えましたか?
ありがとうございました。
また、ファンシーボックスの動画の角を半径5ptで丸くするにはどうすればいいですか?
ありがとうございました。
メソッドがありません。代わり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;
});
あなたのコードに次のコード行を追加するだけです:(これは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>
このミニファンシーボックスのチュートリアルがお役に立てば幸いです ;)