前端 - html5 audio不能播放-PHP中文网问答

前端 - html5 audio不能播放

ringa_lee 2017-04-17 14:34:07

[HTML讨论组]

797

ringa_lee

全部回复(2)

巴扎黑2017-04-17 14:36:07 2楼

代码没问题，请自行查看：
1、浏览器是否支持HTML5
2、音频文件路径是否正确，音频文件格式是否正确
3、变量是否冲突等

赞 +0

添加回复

怪我咯2017-04-17 14:36:07 1楼

应该是你的资源的问题, 我在本地调试没问题

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
    var audio = document.createElement('audio');
    var source = document.createElement('source');
    audio.setAttribute('controls', 'controls');
    audio.innerHTML = "您的浏览器不支持 audio 标签。";
    source.src = './hello.mp3';
    source.setAttribute('type','audio/mpeg');

    audio.appendChild(source);
    document.body.appendChild(audio);

    window.addEventListener('click', function(){
        audio.play();
    });
  </script>
</body>
</html>

运行结果:(注意红框中不是0:00)