javascript - 如何使用javascript在单击图像时获取音频，并在播放两个或多个图像时暂停，其中一个图像必须在其他图像正在播放时暂停

Question

    <img  class="cl"src="photo/198.jpg"/></br>
    <audio class="cs" controls>
       <source src="audio/198 banu nagamothu.mp3" type="audio/mpeg">
    </audio>

我不想先控制音频，但当我单击图像时，音频应该使用 javascript 和 html 播放

Answer 1

使用AudioElement.paused属性!

$('.cl').click(function() {
  var DOMElem = $('.cs').get(0);
  DOMElem.paused ? DOMElem.play() : DOMElem.pause();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<img class="cl" src="photo/198.jpg" />
</br>
<audio class="cs">
  <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>