HTML5的新特性

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;
 }


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码哥DFS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值