如何在网页编写时添加音频视频，以及相关属性和用法

先将音频添加至我们VSCode文件夹中

audio(音频):标签用来向页面中引入一个外部的音频文件【音视频文件引入时，默认情况下不允许用户自己控制播放停止】

除非添加一个属性controls

属性controls是否允许用户控制播放【特殊属性，不需要值】

属性autoplay音乐文件是否自动播放

如果设置了autoplay，则音乐在打开页面时会自动播放，但目前来讲大部分浏览器都不会自动对音乐进行播放

loop属性，音乐是否循环播放

<audio  src=“添加路径”   controls(这个属性可控制音频)  autoplay(控制音频自动播放)></audio>

除了通过src来指定外部文件的路径以外，还可以通过source来指定文件的路径

<audio controls>

         对不起，您的浏览器不支持播放音频，请升级浏览器！

             <source  sre=“添加路径”>

</audio>

两种写法的结果是一样的，如果浏览器不支持，网页则会显示上边的文字

音频分mp3和ogg，第二种方式可以继续添加音频，在<audio></audio>之间填写，这样可以有效的解决网页的兼容性

 

video(视频)，使用video标签来向网页中引入一个视频文件

使用方式和audio基本上是一样的

<video  controls>

       <source  src=“添加路径.webm”>

       <source  src=“添加路径.mp4”>【用来应对所有浏览器，都可以看到这个视频】

</video>