js控制点击重置音乐播放

来源：互联网发布：帝国cms多图上传出错编辑：程序博客网时间：2024/05/16 20:28

<!doctype html><html lang="en"><head>    <meta charset="UTF-8" />    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />    <title>Document</title></head><body>    <audio autoplay="false" controls="controls" src="http://dl.stream.qqmusic.qq.com/C400001Qu4I30eVFYb.m4a?vkey=02F49A3F5F56BFF6891783DFA65806EA478BFE0F23C3BFBC69F9B322C46FC341CD3E266FFBEF112AF08F84A43B1BCCEDBFC9BCC490563A66&guid=1052091849&fromtag=30"></audio>    <button>button</button>    <script type="text/javascript">        var btn = document.querySelector("button")        btn.onclick = function() {            playAudio();        }        function playAudio() {            var audio = document.querySelector("audio"),                audioSrc = audio.src,                playStatus = false;            if(playStatus) {                audio.pause();                audio.src = '';            } else {                audio.src = audioSrc;                console.log(audioSrc);                audio.play();            }        }    </script></body></html>

0 0