媒体元素
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:设置视频高度