html5 audio标签怎么用？html5 自动播放实现代码实例-木庄网络博客

本文摘自PHP中文网，作者寻∝梦，侵删。

html5 audio标签怎么用？html5 audio标签自动播放和使用教程,下面开始我们的文章介绍，主要介绍了html5 audio标签的使用，还有关于html5 audio标签自动播放和暂停的教程详解

html5 audio标签用法的定义：

<audio> 标签定义声音，比如音乐或其他音频流。

html5 audio标签实例

一段简单的 HTML 5 音频：

<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>

html5 audio标签的属性：

来个html5 audio标签的使用实例教程

html5 audio标签自动播放和暂停

这有一个移动端的微信的H5活动页面，其中有个需求是：打开页面后背景音乐就要自动开始播放，点击音乐图标按钮可以控制其播放与暂停。

移动端，音乐播放，自动播放与暂停，audio标签是必须的，于是直接就开写：

<code class="language-html"><i class="icon-music-outer">  
    <i class="forbid icon-music"></i>  
     <audio loop autoplay="autoplay" controls id="bgMusic" src="./music/musicMin.mp3">  
     </audio>  
</i>  
<script>  
    var $music = $('.icon-music-outer');  
    var $forbid = $music.find('.forbid');  
    var audio = document.getElementById('bgMusic');  
      $music.on('click', function () {  
        if ($forbid.hasClass('icon-music')) {  
            $forbid.removeClass('icon-music').addClass('icon-forbidMusic');  
        } else {  
            $forbid.removeClass('icon-forbidMusic').addClass('icon-music');  
        }  
   
        if (audio.paused) {  
            audio.play();  
            return  
        }  
        audio.pause();  
    });  
</script>  
</code>