一:音频
1.1 介绍
1 2
| <audio src=""></audio>,默认情况下不允许用户控制播放和暂停。 可以使用controls标签来控制。
|
1.2 属性
1.2.1 src
1.2.2 controls
1 2
| 指定用户可以控制播放和暂停。 如果出现该属性,则向用户显示控件,比如播放按钮。
|
1.2.3 autoplay
1 2 3 4
| 如果出现该属性,则音频在就绪后马上播放。大部分浏览器为了 提升用户体验则不允许音频自动播放,如:火狐,微信浏览器, 谷歌,都不支持,ie则不支持,针对微信浏览器,可以在wx.ready 的时候播放音乐,这个可以做到自动播放音乐。
|
1.2.4 loop
1.3 演示
1
| <audio src="https://www.jay.com/audio.mp3" controls autoplay loop></audio>
|
二:视频
2.1 介绍
1
| <video src></video>来引入视频文件。
|
2.2 属性
2.2.1 src
2.2.2 controls
1 2
| 指定用户可以控制播放和暂停。 如果出现该属性,则向用户显示控件,比如播放按钮。
|
2.2.3 autoplay
2.2.4 loop
2.3 演示
1
| <video src="https://www.jay.com/audio.mp4" controls autoplay loop></video>
|
三:备注
1 2
| 针对音频,视频我们一般不会直接引入,因为不同的浏览器显示的样子不一样, 一般是使用css控制其显示的样子,然后使用js控制其视频或者音频的播放和暂停。
|
*************感谢您的阅读*************