• <sub id="r9ial"></sub>

    1. <form id="r9ial"><legend id="r9ial"></legend></form><nav id="r9ial"><listing id="r9ial"></listing></nav>
      <wbr id="r9ial"><legend id="r9ial"></legend></wbr>

      1. 导航

        音乐测试H5—蓝光地产襄阳项目
        音乐测试H5—蓝光地产襄阳项目
        音乐测试H5制作中,经常浏览网站或者经常进行页面布局的人,应该对页面中的音频,视频不陌生吧,正在学习HTML5的小伙伴,你知道HTML5中怎么插入音频并自动播放吗?

        音乐测试H5—蓝光地产襄阳项目

        项目介绍





        音乐测试H5制作中,经常浏览网站或者经常进行页面布局的人,应该对页面中的音频,视频不陌生吧,正在学习HTML5的小伙伴,你知道HTML5中怎么插入音频并自动播放吗?这篇文章就和大家一起研究html5中的音频标签以及HTML5插入音频的代码,有一定的参考价值,可以参考一下。

        HTML5中的<audio>标签可以插入音频,control属性可以控制音频的播放,暂停,调节音量等。布局时可以根据需要设置音频的长width和高height。

        <audio> 与 </audio> 标签里面的内容用于给不支持 audio 标签的浏览器显示的。

        插入音频需要用到的相关标签的描述:

        <audio> 用来设置声音内容

        <source>用于设置音频的资源,一般在 <video> 与 <audio>标签中使用,可以使用多个

        注意:在使用<audio>音频标签时,要注意浏览器的兼容性问题,浏览器的兼容性如下如所示:

        a1.jpg

        实例示范1:HTML5中怎么插入音频

        实例详解:

        首先创建一个<audio>标签,用于显示音频内容,然后用<source>标签引入需要插入的音频,src引入文件时要注意文件的路径,具体代码如下:

        1

        2

        3

        4

        <audio controls>

          <source src="horse.mp3" type="audio/mpeg">

        您的浏览器不支持 audio 元素。

        </audio>

        效果图:

        a2.jpg

        实例示范2:HTML5中怎么插入自动播放的音频

        实例描述:

        <audio>标签中的autoplay 属性规定一旦视频就绪马上开始播放,如果设置了该属性,视频将自动播放。且所有主流浏览器都支持 autoplay 属性。

        HTML5中插入自动播放音频的方法和上面介绍的插入音频的方法一样,只是多加了一个属性,即<audio>标签中的autoplay 属性,它可以实现音频自动播放的效果,具体代码如下:

        1

        2

        3

        4

        <audio controls autoplay>

          <source src="horse.mp3" type="audio/mpeg">

          您的浏览器不支持 audio 元素。

        </audio>

        以上给大家介绍了HTML5中怎么插入音频,以及如何插入可以自动播放的音频,讲解详细,比较容易理解。初学者可以自己动手尝试,找一个音频,将其插入页面。看看你的代码能不能实现自动播放的效果,希望这篇文章对你有所帮助!


        音乐测试H5—蓝光地产襄阳项目-H5网页定制-案例-九州科技

        扫一扫,联系我们

        建站资讯
        你我都旨在为品牌鎏金,所以不建议你跟风,我们愿你独树一帜;
        品质客户的选择,只供你借鉴与欣赏
        服务项目
        微信客服
        180-7107-7883
        地址:湖北省武汉市解放大道航天双城6栋25层
        E-mail:125435440@QQ.com
        备案号:鄂ICP备13002765号-6    鄂公网安备 42010202000700号    网站地图
        九州科技,您身边的互联网应用方案提供商-高端网站建设-网站制作-网站开发-网页设计-微信开发-小程序开发
        高端网站建设 公众号开发 小程序制作 网站seo优化 H5活动营销 互联网产品

        18071077883

        提交需求
      2. <sub id="r9ial"></sub>

        1. <form id="r9ial"><legend id="r9ial"></legend></form><nav id="r9ial"><listing id="r9ial"></listing></nav>
          <wbr id="r9ial"><legend id="r9ial"></legend></wbr>

          1. 老师好湿好紧我要进去了在线观看_九九九九精品视频在线观看_色欲日日拍夜夜嗷嗷叫_pregnant小孕妇