本篇内容主要讲解“HTLM的新特性有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTLM的新特性有哪些”吧!
1.Flash被HTML5取代
Flash绘图 —— Canvas/SVG绘图
Flash动画 —— Canvas/SVG绘图+定时器
Flash音视频 —— Video/Audio标签
Flash存储 —— WebStorage
2.HTML5新特性——视频播放
H5提供的VIDEO标签默认是一个300*150的inline-block。使用方法：
<video src="x.mp4">
您的浏览器不支持VIDEO标签
</video>
<video>
<source src="x.mp4">
<source src="x.ogg">
<source src="x.webm">
您的浏览器不支持VIDEO标签
</video>
Video标签/对象常用属性：
autoplay: false，是否自动播放
controls: false，是否显示播放控件
currentTime: 3.293401，当前播放到哪1秒
duration: 60.041667，总时长
loop: false，是否循环播放
paused: 当前是否处于暂停状态
playbackRate: 1 播放速率，可以是0.x，也可以是2、3...
poster: ''，播放第一帧之前显示的电影海报
muted: false，是否静音
volume: 1, 视频音量(0~1)——对象属性
preload：如何预加载视频的内容，三个可选值：
auto： 预加载视频元数据并缓存一定的播放内容
metadata：仅预加载视频元数据(宽高、时长、第一帧)
none: 不预加载任何内容
Video标签/对象常用方法：
play() 让视频开始播放
pause() 让视频暂停播放
Video标签/对象常用事件：
onplay: 当视频开始播放时触发
onpause: 当视频刚一暂停时触发
3.HTML5新特性——音频播放
H5提供的VIDEO标签默认是一个300*150的inline-block。使用方法：
<audio src="x.mp3">
您的浏览器不支持AUDIO标签
</ audio >
<audio>
<source src="x.mp3">
<source src="x.ogg">
<source src="x.wav">
您的浏览器不支持AUDIO标签
</audio>
Audio标签/对象常用属性：
autoplay: false，是否自动播放
controls: false，是否显示播放控件
currentTime: 3.293401，当前播放到哪1秒
duration: 60.041667，总时长
loop: false，是否循环播放
paused: 当前是否处于暂停状态
playbackRate: 1 播放速率，可以是0.x，也可以是2、3...
muted: false，是否静音
volume: 1, 音频音量(0~1)——对象属性
preload：如何预加载音频的内容，三个可选值：
auto： 预加载音频元数据并缓存一定的播放内容
metadata：仅预加载音频元数据(时长)
none: 不预加载任何内容
Audio标签/对象常用方法：
play() 让音频开始播放
pause() 让音频暂停播放
Audio标签/对象常用事件：
onplay: 当音频开始播放时触发
onpause: 当音频刚一暂停时触发
到此，相信大家对“HTLM的新特性有哪些”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
