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
2 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
1 year ago
Reply to  Edouard

Thank you so much

More to explorer

How To Make a Hover Card Like a PRO in Elementor

https://youtu.be/pja-7Sfn8WI CSS selector .card-content{ height: 56%; margin-bottom: -134px; transition: all 0.5s ease; } selector .card-wrapper:hover .card-content{ margin-bottom: 0px; height: 100%; } selector

Elementor Button Border Gradient Tutorial

https://youtu.be/I9am2K_yopc Border Gradient Button CSS selector .elementor-button{ position: relative; overflow: hidden; z-index: 1; margin-bottom: -15px } selector .elementor-button:before{ content: ”; position: absolute;

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

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.