1.视频video 支持MP4、ogg 、webm格式
src:url 视频播放地址
autoplay:autoplay 视频就绪自动播放,谷歌浏览器需要添加muted来解决自动播放问题
controls:controls 向用户显示播放插件
loop:loop 循环播放
poster:imgural 加载等待的画面图片
muted:muted 静音播放
2.音频audio 支持MP3、Wav、Ogg格式
autoplay:autoplay 音频就绪自动播放,谷歌浏览器需要添加muted来解决自动播放问题
controls:controls 向用户显示播放插件
src:url 播放地址
loop:loop 循环播放
3.多媒体标签总结
- 音频标签和视频标签使用方式基本一致
- 浏览器支持情况不同
- 谷歌浏览器把音频和视频自动播放禁止了
- 我们可以给视频标签添加 muted 属性来静音播放视频,音频不可以(可以通过JavaScript解决)视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性
4.input
邮箱<input type="email"
URL地址<input type="url"
日期<input type="date"
时间<input type="time"
数字<input type="number"
手机号码<input type="tel"
搜索框<input type="search"
颜色<input type="color"
required="required" 内容不能为空,必填
placeholder="" 提示文本
multiple="multiple" 自动聚焦光标
autocomplate=off/on 浏览器基于之前键入过的值
multipe=multipe 多选文件提交
<input type="file" multiple="multiple">
/*改变输入框的字体颜色*/
input::placeholder {
color: pink;
}