リンクをビデオとサムネイルに置き換えるために Embedly API に依存するこのコードがあります。
$('a.oembed').each(function(){
$(this).embedly({maxWidth:525,'method':'replace'}).bind('embedly-oembed', function(e, oembed){
$(this).parent().append($("<img>", { src: oembed.thumbnail_url, width:200 })).children('img').wrap('<div class="thumbnail_border" />');
});
});
このリクエストが行われたときに読み込み中の画像を表示し、サムネイルが返されたときに非表示にしたい。どうすればいいですか?
サムネイルを非表示にしてビデオを表示する次のコードもあります。
$(".thumbnail_border img").live('click', function() {
$(this).toggle();
$(this).parent().hide();
$(this).parent().parent().children('.embed').toggle();
$(this).parent().parent().children("div.description_div").hide();
});
ユーザーがクリックしたときに読み込み中の画像を表示したいのですが、ビデオが表示されたら非表示にしたいです。どうすればこれもできますか?