オーディオ プレーヤーの準備が整うとすぐに、HTML5 プレーヤーに置き換えられるフェードイン GIF を使用します。
これは Firefox では正常に機能しますが、Chrome ではプレーヤーがすぐに表示され、「現在、サウンドを利用できません」というメッセージが表示されます。
これを回避する方法はありますか?
$('a[href*="soundcloud.com"]').each(function(){
var $link = $(this);
$.getJSON('http://soundcloud.com/oembed?format=js&url=' + this.href + '&iframe=true&callback=?', function(response){
$link.replaceWith(response.html);
});
});
ここで要点を見つけることができます: https://gist.github.com/1723694
レイアウト:
<a href="http://soundcloud.com/..." target="_blank">
<div class="background-fade-in-gif" width="100%" height="162px"></div>
</a>