Add music to your blog and website:Background music has a cool effect on visitors to your blog or website. This can help you to attract the attention of your visitors is a must for every designer or web developer and blogger. Here we describe the different methods of fixing the background music, and before that there are some important points to keep in mind.
Background music not only enhances the pleasure of reading, but can also bore the reader, if the music is playing in front of or in connection with the blog or website. It can also increase page load time, if too large a music file is used, so kindly avoid too heavy files and please also play option for visitors to stop, helping to stay on the page.
The first thing you need to get started is transferred music files on the server. For bloggers the best free server are Google or Google Drive. After downloading, copy the URL of the music file and use it in any of the following codes (the one you use).
To use the tag audio copy the following code anywhere in your website or blog, between the body tags. Change the URL to music from your music file URL. The text between the audio "tags Your browser does not support HTML5" is displayed in browsers that do not support HTML5, if you want to remove it, you can.
Code
<audio src="music url" controls>
<p>Your Browser Doesn’t Support HTML5</p>
</audio>
For older browsers or for browsers that don’t have HTML5 compatibility utilize the below code.
Code
<embed name="bgmusic" src="music url" width="300" height="90" autostart="false" control="smallconsole" />
You can modify the width, height, autostart and name attributes as you r like. For cross browser support and to avoid any problem it is better to use both these code, i.e. using embed tag in between audio tags as shown below.
Code
<audio src="music url" controls> <embed src="music url" width="300" height="90" loop="false" autostart="false" control="smallconsole" />
</audio>
Post a Comment