For this tutorial we are going to create or embed MP3 player in Blogger that:
1. Needs no registration
2. Standalone mp3 player
Before, I will register online to be able to have a source code and embed it on my site. But now, I am using a standalone mp3 player wherein I do not have to worry that my account might get deleted because I am having my own player.
All we need is the URL source of the MP3 file that will going to be the playable audio file inside our mp3 player.
Now, to be able to embed or create your own MP3 player in your Blogger website or any other CMS or platform, follow the steps below:
1. Open your Blogger account and select the blog that you wanted to embed your mp3 player.
2. Create a New Post.
3. From Compose, switch to HTML mode.
4. Now, copy and paste the given code below in the HTML editor of your post.
<audio src="YourMusicURL.mp3" controls>
<embed src="YourMusicURL.mp3" width="300" height="90" loop="false" autostart="false">
</audio>
<embed src="YourMusicURL.mp3" width="300" height="90" loop="false" autostart="false">
</audio>
5. Change the YourMusicURL.mp3 with your mp3 URL or you can use the given mp3 URL below.
https://www.dropbox.com/s/raw/u8e3qp55mao1mnv/7eventh_Time_Down_-_God_Is_On_The_Move_%28Official_Lyric_Video%29.mp3
6. After changing the URL Save your post. You can see a live demo of this tutorial below.
Please wait for the mp3 to load.
If you wanted to host your own mp3 file, you can do so by making a Dropbox account. You will notice that the mp3 file source in this post is coming from dropbox.com. Do not worry creating an account is 100% for free.
If you have something to ask or share regarding this post, please leave a comment below. Thank you!
0 Comments
Post a Comment