HTML5与之前版本区别3

新增多媒体元素

video和audio分别处理视频和音频数据

1.audio

autoplay:打开网页自动播放音乐

controls:添加控制器

如果想让所有浏览器都能正确播放音乐,可以添加多种格式的音频文件,浏览器会从上往下自动选择合适的文件播放

HTML5与之前版本区别3_第1张图片

2.video

用法和audio一样,可以添加widthheight来设置播放器大小

HTML5与之前版本区别3_第2张图片

tips:

preload:指定视频或者音频是否预加载,none不进行预加载,metadata只预加载媒体的元数据(媒体字节数,第一帧,播放列表,持续时间。。。),auto(默认)预加载全部视频或音频。

postervideo元素独有属性,当视频不可用时,向用户展示一张图片。

HTML5与之前版本区别3_第3张图片

loop:循环播放,默认播放完一次后停止播放。

待续。。。

你可能感兴趣的:(HTML5与之前版本区别3)