HTLM的新特性有哪些

浅画山水 • 2023-01-17 • 网络技术 • 阅读 wait...

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的新特性有哪些
本文链接：https://www.qqooo.cn/post/6863.html
版权说明：网站文章均来源于手工整理和网友投稿，若有不妥之处请来信 xsds@vip.qq.com 处理，谢谢！

Python 3.9新特性有哪些

« 上一篇 2023-01-17

HTLM的六大新特性是什么

下一篇 » 2023-01-17