jQuery音乐播放效果

本文介绍简单的jQuery音乐播放效果

主要js

<script>
    $(document).ready(function () {
        $(".musicbox").music();
    })
    //音乐
    $.fn.music = function () {
        var self = $(this);
        if (self.length === 0) { return; }

        if ((/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            return false;
        };
        var audio = self.find("audio")
        audio[0].load();
        audio[0].play();
        document.addEventListener("WeixinJSBridgeReady", function () { audio[0].pause(); }, false);
        self.click(function () {
            if (self.is('.musicplay')) {
                self.removeClass('musicplay').addClass("musicstop")
                audio[0].pause();
            }
            else {
                self.removeClass('musicstop').addClass('musicplay')
                audio[0].play();
            }
        })
    }
    </script>