为了账号安全,请及时绑定邮箱和手机立即绑定

点击光盘后音乐停止,可是光盘还是会变形

window.onload = function () {
    var music = document.getElementById("music");
    var audio = document.getElementsByTagName("audio")[0];

    audio.addEventListener("ended", function (event) {
        music.setAttribute("class", "");
    }, false);

    music.addEventListener("touchstart",function (event) {
        if (audio.paused) {
            audio.play();
            this.setAttribute("class"," music_play");
            //this.setAttribute("class","music_play");   //停止时变形
            // this.style.animationPlayState="running";   兼容性不行
        }
        else {
            audio.pause();
            this.setAttribute("class","");
            //this.style.animationPlayState="paused";
        }
    },false);
};

CSS部分:

.music > img.music_disc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 79%;
    margin: auto;
    z-index: 0;
}

.music > img.music_play {
    -webkit-animation: music_disc 4s linear infinite;
    -o-animation: music_disc 4s linear infinite;
    animation: music_disc 4s linear infinite;
}


正在回答

2 回答

这个不兼容啊

0 回复 有任何疑惑可以回复我~

music.onclick = function(){

if (audio.paused) {

audio.play();

// this.setAttribute("class","play");

 this.style.webkitAnimationPlayState="running";

}else{

audio.pause();

// this.setAttribute("class","");

    this.style.webkitAnimationPlayState="paused";

};

};我添加的是onclick 事件就可以亲也试一下


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

点击光盘后音乐停止,可是光盘还是会变形

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信