Web前端——媒体元素（图片、音频、视频）

媒体元素

1、图片元素img

• src:设置图片资源路径
• alt:设置图片不能正常加载时的文字说明
• width:设置图片的宽度
• height:设置图片的高度

注意：
1.使用图片要注意图片默认是以原始尺寸显示的，如果想设置图片尺寸，切记图片变形使用， 单方向设置图片尺寸，未设置图片尺寸的方向会自动等比例变化
2.如果就想按照开发者设置的尺寸不变形的显示图片，就需要借助css

  object-fit:cover

2、音频元素audio

• src:设置音频资源路径
• controls：音频播放器是否显示
• autoPlay:设置音频是否自动播放
• loop:设置音频是否循环播放

3、视频元素video

• src:设置视频资源路径
• controls：视频播放器是否显示
• autoPlay:设置视频是否自动播放
• loop:设置视频是否循环播放
• width:设置视频宽度
• height:设置视频高度