audio标签控制播放暂停？
<li><audio loop="" src="video/demo.mp3" preload=""></audio></li>
<li><audio loop="" src="video/demo.mp3" preload=""></audio></li>
<li><audio loop="" src="video/demo.mp3" preload=""></audio></li>
<li><audio loop="" src="video/demo.mp3" preload=""></audio></li>
<li><audio loop="" src="video/demo.mp3" preload=""></audio></li>
//疑惑：下面循环添加的ID播放报错，单个添加 正常
//var lengthLi = $('.m-alert-choose-video .hd ul li').length;
// for (var i = 0; i < lengthLi + 1; i++) {
// $(".m-alert-choose-video .hd ul li:eq(" + i + ") audio").attr("id", "media" + (i + 1) + "'");
// }
$(".m-alert-choose-video .hd ul li:eq(0) audio").attr("id", "media1");
$(".m-alert-choose-video .hd ul li:eq(1) audio").attr("id", "media2");
$('.m-alert-choose-video .hd ul li').click(function() {
//播放暂停切换
//问：当前播放其他的audio元素 清除播放状态
function playAudio() {
if (audio.paused) {
audio.play();
$(audio).html('Pause');
} else {
audio.pause();
$(audio).html('Play');
}
}
var _this = $(this).index() + 1;
var audio = document.getElementById('media' + _this);
playAudio()
});
展开
收起
1
条回答
写回答
写回答
-
IT从业//播放/暂停当前 function playAudio(audio) { var audio = audio.find("audio"); audio = audio[0]; if (audio.paused) { audio.play(); } else { audio.pause(); audio.currentTime = 0; } } function plays(elmClass, emlID) { var lengthLi = $(elmClass).length; for (var i = 0; i < lengthLi + 1; i++) { $(elmClass + ":eq(" + i + ") audio").attr("id", emlID + (i + 1)); } $(elmClass).click(function() { // $('audio').html() == '1'; pauseAllAudio($(this).find("audio"), elmClass + ' audio'); playAudio($(this)) }); } function playAudioEnd(audio) { var audio = audio.find("audio"); audio = audio[0]; audio.pause(); } //函数调用 plays('.m-alert-choose-video ul li', 'media'); $('.m-alert-choose-video .m-btn-verified').click(function() { $('.m-alert-choose-video ul li').each(function() { playAudioEnd($(this)); }); });2019-07-17 19:46:00赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
