How to add a music player in blogspot:
Today am gonna to show you that how we can add a HTML5 audio player to a blog posts or layout.So this is very easy to add audio player to blog I hop every one can do it!
The <audio>tag is also a feature of HTML5 which we can use to natively embed audio playback in our sites.This is so light can be supported by Internet Explorer 9,Firefox,chrome,Safari and Opera and this link can set as play automatically.When you add this code their will show a audio player in your blog.
<audio controls>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>
By Including Controls in the audio element, a simple player is displayed enabling the user to begin playback when they want and they can ajust the volume as they want.
Any text between the audio tags is displayed in browser which do not support the audio element.
So if you want to play the audio automatically then you can enable auto play as in the given example.
<audio controls autoplay>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>
Through retaining the controls attribute you given visitors the option to stop or resume audio playback if they choose.
To loop audio include loop element in the <audio>tag link this:
<audio controls loop>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>
Thank you !
3 comments:
A debt of gratitude is in order for setting aside an ideal opportunity to talk about this, I feel unequivocally about it and affection adapting more on this point. In the event that conceivable, as you pick up mastery, would you psyche redesigning your online journal with more data? It is greatly useful for me.jogos friv online
Jogos live
jogos friv 4 school
Thanks for the detailed tutorial! Adding a music player like this really improves the user experience and makes a blog feel more interactive. It reminded me of how immersive experiences in games also rely on audio and interaction—like when you play Summertime Saga APK, where background music and sound effects make the story more engaging and enjoyable. Small touches like these can make a big difference in keeping users engaged.
Nice and easy explanation 👍 I like how you showed the basic tag options like autoplay and loop — very helpful for beginners using Blogspot. I’ve been working on a gaming-related blog recently, and adding background music on certain pages could really improve engagement, especially for posts about mobile games. For example, when writing guides where users look to get nulls brawl, having a simple HTML5 music player can make the page feel more interactive without slowing it down. Thanks for sharing this clear tutorial!
Post a Comment