HTLM的新特性有哪些

本篇内容主要讲解“HTLM的新特性有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTLM的新特性有哪些”吧!

洛扎网站建设公司成都创新互联公司,洛扎网站设计制作,有大型网站制作公司丰富经验。已为洛扎1000多家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的洛扎做网站的公司定做!

1.Flash被HTML5取代

Flash绘图 —— Canvas/SVG绘图

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

Flash音视频 —— Video/Audio标签

Flash存储 —— WebStorage

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

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

您的浏览器不支持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标签

您的浏览器不支持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的新特性有哪些”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前标题:HTLM的新特性有哪些
网址分享:http://myzitong.com/article/iphoep.html