javascript - audio标签控制播放暂停?
天蓬老师
天蓬老师 2017-04-11 10:30:35
[JavaScript讨论组]
  <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()
    });
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
阿神
//播放/暂停当前
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));
        });

    });
PHP中文网

for (var i = 0; i < lengthLi + 1; i++) {这一句错了,i从0开始,最大是lengthLi - 1 +1之后越界了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号