HTML5+CSS3集训（2）

t2插入多媒体

一、图片

1）图片标签 image

<img
  src="图片地址"
  alt="替换文本"
  title="提示文本"
  width="宽度"
  height="高度"
/>

标签属性：属性名=属性值

二、音频

<audio
  src="音频地址"
  controls 显示播放控件
  autoplay 自动播放（部分浏览器不支持）
  loop 循环播放
</audio>
支持的格式 mp3 wav

三、视频

<video src="视频地址"
  controls 显示播放控件
  autoplay 自动播放（谷歌浏览器需要配合muted静音播放）
  muted 静音播放
  loop 循环播放
</video>
支持的格式 mp4

方法一：利用video标签
用于在html元素中添加视频元素

<video controls >

<source src="视频路径" type="video/视频格式">

</video>

引入视频使用video标签更常见。

方法二：embed标签
用于在html元素中嵌入多媒体元素

<embed src="视频路径" />

方法三：object标签
同方法二一样在html中嵌入多媒体元素

<object data="视频地址"/>

方法二和方法三是不常用的。

                        
学习链接：https://blog.csdn.net/kgym1002/article/details/135316212