Play Audio On Click Using Elementor With A Button, Icon Or Image

Facebook
Twitter
Reddit
WhatsApp

Source Code

				
					<script>
let audioButton = document.querySelector('.audio-button');   // <-- Change CSS Class Here
       audioButton.addEventListener('click', function(){
        var audio = document.getElementById("audio");
        
         if (audio.paused) {
            audio.play();
        }else{
            audio.pause();
            // audio.currentTime = 0
        }
      });
    </script>
    
    <audio id="audio" src=""></audio>
				
			
Subscribe
Notify of
3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Edouard
3 years ago

Super ! thank you… was looking exactly for a such easy way to launch a music on a web site page by clicking on a button ! or image it everything !! It’s working perfectly… so easy nd simple…. super .. thank you

Attahiru Jibrin
2 years ago
Reply to  Edouard

Thank you so much

More to explorer

Elementor Multi-Column Dropdown

https://youtu.be/72L8eLoIrCU Target all dropdown menus @media(min-width:767px) { /* When hovering over a menu item that has children, display its submenu as a

3
0
Would love your thoughts, please comment.x
()
x

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.