This question already has answers here:
Play sound file when image is clicked
(3个答案)
3年前关闭。
我不希望控件先播放音频,但是当我单击图像时,应使用javascript和html播放音频
(3个答案)
3年前关闭。
<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播放音频
最佳答案
使用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>