Rumah > hujung hadapan web > Tutorial H5 > html5如何插入可自动播放的音频(图文)

html5如何插入可自动播放的音频(图文)

yulia
Lepaskan: 2018-10-30 16:08:04
asal
29210 orang telah melayarinya

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

HTML5中的

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

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

用于设置音频的资源,一般在

注意:在使用

a1.jpg

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

实例详解:

首先创建一个

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
Salin selepas log masuk

效果图:

a2.jpg

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

实例描述:

HTML5中插入自动播放音频的方法和上面介绍的插入音频的方法一样,只是多加了一个属性,即

<audio controls autoplay>
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>
Salin selepas log masuk

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

【相关教程推荐】

1. Html5视频教程
2. HTML开发手册
3. bootstrap教程
4. HTML5怎么插入视频

Atas ialah kandungan terperinci html5如何插入可自动播放的音频(图文). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan