公園には、バックグラウンドミュージックのブログを設定します

CSSコード

/ *カスタム音楽掲示板ウィジェットのスタイル* /
。プレイヤー {
    フォントファミリ：ゴシック、ヘルベチカ、サンセリフ; / *音楽*プラグインのフォント/
    マージン：;左マージンに/ *音楽のプラグインや掲示板、掲示板の左側に直接到着した0PX * / 0PX
    ボックスシャドウ：0 2ピクセル2ピクセル0 RGBA（0,0,0、0.14）、0 3px 1ピクセル-2px RGBA（0,0,0、0.2）、0 1ピクセル5pxの0 RGBA（0,0,0 ,. 12）。
    国境半径：2ピクセル。
    オーバーフロー：隠されました;
    -webkit-ユーザーを選択：なし;
    -moz-ユーザーを選択：なし;
    -ms-ユーザーを選択：なし;
    ユーザーを選択：なし;
    行の高さ：ノーマル;
}

 

サイドバーの発表（サポートHTMLコード）ブログ（サポートJSコード）：

<！ - ブログの下に音楽コンポーネントを追加します - >
<DIV ID = "プレイヤー" クラス= "aplayer"> </ div>
<リンクのhref = "https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.css" のrel = "スタイルシート">
<スクリプトSRC = "https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.js"> </ SCRIPT> 

ます。<script type = "text / javascriptの">
VaRのAP =新しいAPlayer（{
    要素：のdocument.getElementById（ 'プレーヤー'）、
    絞り込み：偽、
    自動再生：偽、<！ - 自動再生するかどうか - >
    showlrc：偽、
    テーマ：「＃のF5F5F5」、< - プラグインの色の背景、提案や背景色など、あなたの掲示板、感情のこのブレンド！ - >
    音楽：[{
            タイトル：「音楽1」
            著者：「バレンティン」
            URL： 'https://files.cnblogs.com/files/shwee/Valentin-A_Little_Story.pdf'
            PIC： 'http://images.cnblogs.com/cnblogs_com/shwee/1218109/o_music_pic4.png'
        }、
        {
            タイトル：「音楽2」
            著者：「林」、
            URL：「https://files.cnblogs.com/files/shwee/%E6%9E%97%E6%B5%B7-%E7%90%B5%E7%90%B6%E8%AF%AD.pdf 」、
            PIC： 'http://images.cnblogs.com/cnblogs_com/shwee/1218109/o_music_pic1.png'
        }、
        {
            タイトル：「音楽3」
            著者：「趙の海」、
            URL：「https://files.cnblogs.com/files/shwee/%E8%B5%B5%E6%B5%B7%E6%B4%8B-%E3%80%8A%E7%9E%AC%E9 ％97％B4％E7％9A％84％E6％B0％B8％E6％81％92％E3％80％8B％E5％A4％9C％E8％89％B2％E9％92％A2％E7％90 ％B4％E6％9B％B2.pdf」、
            PIC： 'http://images.cnblogs.com/cnblogs_com/shwee/1218109/o_music_pic2.png'
        }
    ]
}）;
Apkinit（）;
</ SCRIPT>

　　

参考：https://www.cnblogs.com/wkfvawl/p/10920283.html