HTML5背景音乐的暂停与播放

简介: HTML代码:                                                                    JS代码:  //背景音乐停止与播放         function swap_music() {             var oAudio = document.

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();
            }
        }

目录
相关文章
|
5月前
|
JavaScript 前端开发 网络安全
Video.js实现在html页面播放rtmp流媒体
Video.js实现在html页面播放rtmp流媒体
211 0
|
5月前
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
|
5月前
|
移动开发 HTML5
HTML5播放 M3U8的hls流地址
HTML5播放 M3U8的hls流地址
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
887 0
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
|
移动开发 HTML5
html5实现的复古软件winamp的播放效果
Created by Wang, Jerry, last modified on Feb 25, 2015
90 0
html5实现的复古软件winamp的播放效果
|
移动开发 应用服务中间件 nginx