HTLM的几大新特性

2019-09-10 郑州网站建设  

1.FlashHTML5取代

Flash绘图 —— Canvas/SVG绘图

Flash动画 —— Canvas/SVG绘图+定时器

Flash音视频 —— Video/Audio标签

Flash存储 —— WebStorage

2.HTML5新特性——视频播放

H5提供的VIDEO标签默认是一个300*150inline-block。使用办法:

<video src=http://www.divcss5.com/html/"x.mp4">

您的浏览器不支持VIDEO标签

</video>

<video>

<source src=http://www.divcss5.com/html/"x.mp4">

<source src=http://www.divcss5.com/html/"x.ogg">

<source src=http://www.divcss5.com/html/"x.webm">

您的浏览器不支持VIDEO标签

</video>

Video标签/对象常用属性:

autoplay: false,是否自动播放

controls: false,是否显示播放控件

currentTime: 3.293401,当前播放到哪1

duration: 60.041667,总时长

loop: false,是否循环播放

paused: 当前是否处于暂停状态

playbackRate: 1 播放速率,可以是0.x,也可以是23...

poster: '',播放第一帧之前显示的电影海报

muted: false,是否静音

volume: 1, 视频音量(0~1)——对象属性

preload:怎么预加载视频的内容,三个可选值:

auto预加载视频元数据并缓存一定的播放内容

metadata:仅预加载视频元数据(宽高、时长、第一帧)

none: 不预加载任何内容

Video标签/对象常用办法:

play() 让视频开始播放

pause() 让视频暂停播放

Video标签/对象常用事件:

onplay: 当视频开始播放时触发

onpause: 当视频刚一暂停时触发

3.HTML5新特性——音频播放

H5提供的VIDEO标签默认是一个300*150inline-block。使用办法:

<audio src=http://www.divcss5.com/html/"x.mp3">

您的浏览器不支持AUDIO标签

</ audio >

<audio>

<source src=http://www.divcss5.com/html/"x.mp3">

<source src=http://www.divcss5.com/html/"x.ogg">

<source src=http://www.divcss5.com/html/"x.wav">

您的浏览器不支持AUDIO标签

</audio>

Audio标签/对象常用属性:

autoplay: false,是否自动播放

controls: false,是否显示播放控件

currentTime: 3.293401,当前播放到哪1

duration: 60.041667,总时长

loop: false,是否循环播放

paused: 当前是否处于暂停状态


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1700.html转载请标明出处,谢谢合作!
标签:
  • HTLM
  • HTML5
  • flash
  • 1.Flash
  • 取代