简洁的HTML5音乐播放器可支持自适应全终端

引入所需文件

<link rel="stylesheet" href="css/audio-player.css" />
<script>
    (function (doc) {
        var addEvent = 'addEventListener',
            type = 'gesturestart',
            qsa = 'querySelectorAll',
            scales = [1, 1],
            meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];

        function fix() {
            meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
            doc.removeEventListener(type, fix, true);
        }
        if ((meta = meta[meta.length - 1]) && addEvent in doc) {
            fix();
            scales = [.25, 1.6];
            doc[addEvent](type, fix, true);
        }
    }(document));
</script>
<!-- 以上内容需要引入在网站顶部 head 部分内即可 -->
<script src="js/jquery.min.js"></script>
<script src="js/audio-player.js"></script>
<script>
    $(function () {
        $('audio').audioPlayer();
    });
</script>
<!-- 以上内容需要引入在网站底部，不能放在播放器代码前面，否则不生效 -->

播放器：

<audio src="t.mp3" preload="auto" controls></audio>