SoundCloud HTML5-плеер, преобразованный JQuery: плеер мгновенно готов в Chrome - PullRequest
0 голосов
/ 01 апреля 2012
$('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>
...