HTML5 method to use buttons to control background music switch

This article mainly introduces the method of using buttons to control the background music switch in HTML5. It has a certain reference value. Now I share it with you. Friends in need can refer to it.

We sometimes put it on the page Adding background music allows users to turn on and off the background music themselves, especially for multimedia pages based on mobile phone HTML5. The audio audio tag of HTML5 can obtain the playback status of the audio, and the background music can be turned off and on by touching the button.

The rendering is as follows:

View the demonstration effect and download the source code

##HTML

function playPause() { var music = document.getElementById('music2'); var music_btn = document.getElementById('music_btn2'); if (music.paused){ music.play(); music_btn.src = 'play.gif'; } else{ music.pause(); music_btn.src = 'pause.gif'; } } 如果使用jQuery代码可以这样写：