.pod{
margin: 25px;
background: #ededed;
flex-wrap: wrap;
}
.pod audio{
margin: 10px;
width: 450px;
}
<div class="pod">
<audio src="sound/happy.mp3" controls="controls" preload="preload"></audio>
<audio src="sound/sad.mp3" controls="controls" preload="preload"></audio>
</div>
I have these lines of code and I need that when playing one, the other is paused in case it is playing. I appreciate your responses.
I leave you a solution in jQery, you just have to add this function in a separate JS, or in the tag
script
as I do in the example below.