html5 audio标签 load方法

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5 audio标签 load方法相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态创建音频</title>
</head>

<body>    
    <audio controls="controls" id="audio">
        <source id="s1" src="music/qinshimoon.mp3"/>
    </audio>
    <input type="button" value="changeSource" onclick="changSource()"/>
    
    <script>
    
        function changSource()
        {
            var audio = document.getElementById("audio");
            var src1 = document.getElementById("s1");
            src1.src = "music/Heroeswithin.mp3";
            audio.load();
        }
    </script>
</body>
</html>

如果没有source标签，在audio中直接指定src内容，不需要load方法，改变src值，音频就会发生改变

以上是关于html5 audio标签 load方法的主要内容，如果未能解决你的问题，请参考以下文章

html5中的video标签和audio标签详解

HTML5简易总结

HTML5 Audio 标签拒绝停止播放，即使被删除？

HTML5 标签audio添加网页背景音乐代码

html5 audio 标签autoplay="autoplay"在手机预览网页无法自动播放背景音乐

video元素和audio元素