$('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
Я использую gade-in gif, который заменяется проигрывателем HTML5, как только он будет готов.
Это отлично работает в Firefox, но в Chrome проигрыватель мгновенно появляется с надписью «Звук в данный момент недоступен» на несколько мгновений.
Есть ли способ избежать этого?
Редактировать: Макет:
<a href="http://soundcloud.com/..." target="_blank">
<div class="background-fade-in-gif" width="100%" height="162px"></div>
</a>