前端第三章:2.audio标签:将音频引入浏览器;video标签:将视频引入浏览器

一、audio标签及属性

1.audio标签写法:
1.1 写法一:

<audio src="音频文件的路径">audio>

1.2 写法二:

<audio>
        <source src="音频文件的路径">
audio>

2.audio标签的属性:
· controls:是一个没有值的属性,用于让用户能够控制播放器
· autoplay:是一个没有值的属性,用于自动播放(这个属性不太好用)
· loop:是一个没有值的属性,用于单曲循环

3.实际显示效果:
前端第三章:2.audio标签:将音频引入浏览器;video标签:将视频引入浏览器_第1张图片

二、video标签及属性

1.video标签写法:
1.1 写法一:

<video src="视频文件的路径">video>

1.2 写法二:

<video>
        <source src="音频文件的路径">
video>

2.video标签的属性:
· controls:是一个没有值的属性,用于让用户能够控制播放器
· loop:是一个没有值的属性,用于视频循环

3.实际显示效果:
前端第三章:2.audio标签:将音频引入浏览器;video标签:将视频引入浏览器_第2张图片

你可能感兴趣的:(前端HTML,HTML,前端)