Andy 胡

导航

HTML音乐播放——切歌

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="js/jquery.min.js" ></script>
        <script>
        $(function(){
            $("#next").click(next);
        });
        </script>
    </head>
    <body>
        <div id="bar">
            <embed id="embedPlay" src="img/刘德华 - 一起走过的日子.mp3" autostart="true"></embed>
        </div>
        <script>
            // 使用JQuery选择标签,则切歌后两首歌一起播放,用JS挺好
            var eBar = document.getElementById("bar");
            var elm = document.getElementById("embedPlay");
            var strNextSong = "img/刘德华 - 我恨我痴心.mp3";
            var strNextHtml='<embed id="embedPlay" src="img/刘德华 - 我恨我痴心.mp3" autostart="true"></embed>';
            var jqElm = $("#embedPlay");
            function play(){
                elm.play();
            }
            function stop(){
                elm.stop();
            }
            function pause(){
                elm.pause();
            }
            function next(){
                elm.stop();
                eBar.innerHTML=strNextHtml;
            }
        </script>
        <input type="button" value="開始" onclick="play()" />
        <input type="button" value="停止" onclick="stop()" />
        <input type="button" value="暫停" onclick="pause()" />
        <input id="next" type="button" value="切歌"/>
    </body>
</html>

posted on 2016-11-30 13:47  talkwah  阅读(502)  评论(0编辑  收藏  举报