Tumblrのオーディオプレーヤーの色をJavascriptに変更します。

Question

this issueのため、JavaScript経由でtumblrのオーディオプレーヤーをJavaScriptに読み込ませてしまいました。次のように負荷が発生し：{AudioPlayerBlack}タグを使用するにもかかわらず

$(window).load(function() { 
    setTimeout(function() {       
     $('.audio-player').each(function(){ 
      var audioID = $(this).parents(".audio").attr("id"); 
      var $audioPost = $(this); 
      var color = "000000"; //new color 
      $.ajax({ 
       url: '/api/read/json?id=' + audioID, 
       dataType: 'jsonp', 
       timeout: 50000, 
       success: function(data){ 
        if ($audioPost.html().indexOf("is required to") != -1) { 
         $audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:white;">' + data.posts[0]['audio-player'].replace("color=FFFFFF", "color=" + color) +'</div>'); //replace color here 
        } 
       } 
      }); 
     }); 
    }, 2000); 
}); 

、コード挿入オーディオプレーヤは、白色であるので、私はそれを変更したいです。私は2つの行を追加しました（コードにコメントされています）。それは動作しています。プレーヤーは黒くなりますが、すべてのコントロールは見えません。携帯電話用http://tmbeta.tumblr.com/（ところで、テストをあなたがそれを作るためにあなたのウィンドウのサイズを変更する必要がありますので：代わりに期待

の私は、あなたがここに住んで例を調べることができ、この

を取得します幅480ピクセル未満）。これはちょうどその場合のtumblr api for audio postsです。

Answer 1

Tumblrのオーディオプレーヤーの配色は、あなたが想定しているように、要求URLに渡されたカラーコードの影響を受けません。これはswf（Flash）ファイル自体の一部です。ブラックプレーヤーを入手するには、デフォルト（白）audio_player.swfの代わりにaudio_player_black.swfを要求する必要があります。あなたのコードでは、最も内側のコード行を

$audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:white;">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>'); 

に変更してください。もちろん、colorの定義を取り除くこともできます。

Answer 2

もしこれが適切ではないのですが、誰かが単に標準のtumblrオーディオプレーヤーの背景色を変更しようとしているのであれば、この単純なコードが動作することがわかりました。

（、どこでもそれをチェックしていない色を追加する代わりに交換して不正なコードであるかもしれないが、それがうまく機能しているようだ？）

$('iframe.tumblr_audio_player').each(function(){ 
    var audio = $(this).attr('src') 
    $(this).attr('src', audio + '&color=e84d37'); // replace w/ hex of whatever color 
});