Use the HTML5 card rather short code to add music to your website

Use the HTML5

 

Previously, to add music to your blog will have to use a 3rd party plugin with flash support HTML5 yet born when help for webmasters and content managers who bear much lighter. I remember 2 years ago when Rilwis published articles shortcode perfect to add music to your Blogger website andmade ​​a lot of good bloggers like you catch the gold. But right now the job has become a lot simpler than you may insert music directly into your website with just one card 

Currently card  HTML5 support latest browsers listed here

However, as a webmaster you should anticipate some cases may occur as your browser does not support HTML5 (referring to his case extremely annoyed with IE guys - stupid beyond description - sr you) . So this article will guide his plans not negate the status of some HTML5 support older browsers.

1. Simplest syntax

Its syntax is very simple, you just need to insert the card  with few parameters is done.You only need the most basic insert:

Properties controls that can display a slider control on the browser. It should be noted that this slider will be different on different browsers. Specifically, the following

2. Enhance Properties

However, to fully control card , we must learn some important attributes.

scr

It specifies the sound file is played. This property is very familiar sure you also see the most is when inserting images into posts such also have attributes.

controls

As in the above example, this attribute can display a slider control.

autoplay

This attribute will be automatically tracks slightly right when the page loads. Note okay brother, his very hydrophobic case. There are many sites do not bother to read disturb others just because of the background music tracks. If used, they must be sure how the reader can quickly turn off the sound.

loop

Loop. When all the music they play browser will automatically play back the track from the beginning again and again. It is a loop infinity - infinity loop.

preload {auto | metadata | none}

Preload attribute specifies whether or not to download music files. It only FF, Chrome and Safari support.

• auto = files will be downloaded automatically.
• just download the file metadata = metadata page load (not really get it!).
• none = sound file is downloaded only when readers disagree.

See examples for a better understanding of these properties.

3. * Support for older browsers

HTML5 is still too new and only some versions of the new browser supports it, for the browser version older people still have to rely on 3rd party plugins operate as jw flash based player. So how to use HTML5 has recently been using flash? HTML5 has anticipated this and its solution is unexpectedly simple.

First, we can notice a line of text for the reader to know that their browser does not support HTML5 should not hear the music.

  
     Your browser does not support native audio.  To listen, please  download </ a> the mp3 file to your computer. </ P>
 </ Audio> 

The browser will automatically skip the audio card and read the entire text between the tags .This text can be arbitrarily long term it must be between card and card card must be between