0

この問題のため、JavaScript を使用してテーマに tumblr オーディオ プレーヤーをロードする必要があります。ロードは次のように行われます。

$(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);
});

{AudioPlayerBlack}タグを使っているのに、コード挿入のオーディオプレーヤーが白なので、そこを変えたい。私は 2 行 (コードでコメント) を追加しましたが、それは一種の動作です: プレーヤーは黒くなりますが、すべてのコントロールは見えなくなります。予想の代わりに

黒人のレギュラープレイヤー

私はこれを得る

JavaScript をロードした黒のプレーヤー

ここで実際の例を調べることができます: http://tmbeta.tumblr.com/ (ちなみに、モバイル用にテストしているため、幅が 480px 未満になるようにウィンドウのサイズを変更する必要があります)。これは音声投稿用の tumblr api です。

4

2 に答える 2

1

ご想像のとおり、Tumblr オーディオ プレーヤーのカラー スキームは、リクエスト URL で渡されたカラー コードによって制御されません。カラー コードはswf(Flash) ファイル自体の一部です。audio_player_black.swf黒のプレーヤーを取得するには、デフォルト (白) の代わりにリクエストする必要がありますaudio_player.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:)。

于 2012-05-04T20:42:58.973 に答える
0

これが適切かどうかはわかりませんが、誰かが標準の tumblr オーディオ プレーヤーの背景色を単純に変更しようとしている場合、この単純なコードが機能することがわかりました。

（どこでもチェックしたわけではありませんが、置き換えるのではなく色を追加するのは悪いコードかもしれませんが、うまく機能しているようですか？）

$('iframe.tumblr_audio_player').each(function(){
    var audio = $(this).attr('src')
    $(this).attr('src', audio + '&color=e84d37'); // replace w/ hex of whatever color
});
于 2015-01-11T20:43:11.560 に答える