您的位置:首页 > Web前端 > HTML5

HTML5背景音乐的暂停与播放

2016-03-22 13:29 621 查看
HTML代码:

    <audio id="myaudio" loop="loop" preload="auto" autoplay="autoplay">

                    <source src="music/纯音乐%20-%20在那遥远的地方%20-%20纯音乐版.mp3" type="audio/ogg" />

                    <source src="music/纯音乐%20-%20在那遥远的地方%20-%20纯音乐版.mp3" type="audio/mp3" />

                </audio>

       <img onclick="swap_music()" src="/images/icon_music.png" style="height:30px; vertical-align:middle;" />

JS代码:

 //背景音乐停止与播放

        function swap_music() {

            var oAudio = document.getElementById('myaudio');

            if (oAudio.paused) {

                oAudio.play();

            }

            else {

                oAudio.pause();

            }

        }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: