一、音频标签:audio
<audio>标签支持三种音频格式:mp3、ogg和wav
使用:
1.创建<audio>
标签,并设置src
属性,指定音频文件的URL。
<!--音频标签-->
<audio src="音乐名.MP3" ></audio>
2、添加controls
属性,显示播放器控件。
<audio src="音乐名.MP3" contirols></audio>
3、属性:
属性 | 说明 |
---|---|
src | 音频的URL,必填 |
controls | 控制播放暂停的按钮 |
autoplay | 自动播放 |
oop | 无限循环 |
muted | 静音 |
二、视频标签:video
用来在页面的视频播放,支持MP4、webm 和 ogg 三种视频格式;
video 标签具有 src、controls、autoplay 和 loop 等属性,其含义跟 audio 标签属性相同。
使用:
1.创建<audio>
标签,并设置src
属性,指定音频文件的URL。
<!--视频标签-->
<video src="烟花.mp4" ></video>
2、添加controls
属性,显示播放器控件。
<video src="烟花.mp4" controls></video>
3、属性:
属性 | 说明 |
---|---|
src | 视频的URL |
controls | 控制播放暂停的按钮 |
autoplay | 自动播放 |
loop | 无限循环 |
muted | 静音 |
poster | 视频封面 |
三、使用音频(audio)和视频(video)需要注意事项:
1、浏览器支持的音频和视频格式不同,需要在<source>
标签中提供不同格式的文件来兼容不同的浏览器。
2、如果使用自定义控件,需要注意控件的可用性和兼容性,避免在某些浏览器或设备上无法使用。