Jimdoに音楽プレイヤーを埋め込む方法


①まずDropboxをダウンロードしてインストールします。

 

②DropboxにMP3ファイルをアップロードします。

③埋め込みたいMP3ファイルを右クリックして「Dropboxリンクをコピー」をクリックします。するとこのようなURLを入手することができます。

 

https://www.dropbox.com/s/mowrpw5gesyeli1/%E3%81%82%E3%83%BC%E3%8〇〇〇〇.mp3?dl=0

④このままでは埋め込みできないのでaudioタグを入れます。

<audio src="https://www.dropbox.com/s/mowrpw5gesyeli1/%E3%81%82%E3%83%BC%E3%8〇〇〇〇.mp3?dl=0" controls></audio>

 

これだけだと問題があるのでdl=0をdl=1に変えて下さい。

 

あと再生できないブラウザで表示させている人の為に、注意表示も出るようにします。

<p>ご覧のブラウザでは、この音楽を再生できません。</p>を加えます。

 

最終的にこのようなタグになります。

<audio src=" https://www.dropbox.com/s/mowrpw5gesyeli1/%E3%81%82%E3%83%BC%E3%8〇〇〇〇.mp3?dl=1" controls><p>ご覧のブラウザでは、この音楽を再生できません。</p></audio>

 

ピンク文字にした場所を曲ごとのタグに変えれば良いだけです。

⑤、④のタグをコピーしてjimdoの埋め込みたい場所にウィジェットを選択して貼りつけます。

⑥するとこのような音楽プレイヤーができますので再生ボタンをクリックすると音楽が流れるようになります。

タイトルと並べてプレイヤーを埋め込むときはjimdoのカラム機能などを使用すると良いです。

 

※ちなみにjimdoは著作権に厳しいので著作権のない音源は使用しない方が良いです!!

 

オリジナルの曲を聴いてほしい!なんて人は、是非、挑戦してみて下さい♪