html插入音视频方式

html插入音视频方式

学习前端的第一个小文章，请多指教。

插入音乐

方式一：

利用<embed>标签
其中：
src：音乐所在的相对路径
type：文本类型/格式（MP3、MP4）等等
也可增加height、width两属性，以方便操作

方式二：

<audio>也是一种插入音乐方式，其中<audio> 音视频文件引入时，默认情况下不允许用户自己控制播放停止
包含属性：
controls ：是否允许用户控制播放
autoplay ：音频文件是否自动播放
如果设置了autoplay 则音乐在打开页面时会自动播放，但是目前来讲大部分浏览器都不会自动对音乐进行播放
loop： 音乐是否循环播放

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

寻找 source（可插入多个source）。
若有多个source，第一个可以使用，则显示的是第一个插入的音乐；若第一个有问题无法正常播放，则继续执行第二个，由此类推。若都不能正常播放，则出现“对不起，您的浏览器不支持播放音频，请升级浏览器”。

注：若使用的IE8版本的浏览器，则需要使用方法一中的<embed>才可显示出结果

插入视频

插入视频是使用<video>标签，它的使用方法大致与<audio>标签的使用方法一致。

利用source：（与插入音乐方法一样）

图片中src后跟的是相对路径。

其中IE8版本中使用的是

插入音乐和视频道理都是一样的，主要是需要插入的文件的路径（相对路径或者绝对路径）要寻找正确。