- 浏览: 69824 次
- 性别:
- 来自: 绍兴
最新评论
play() 继续播放
pause() 暂停播放
pause 是否暂停
currentTime 定点播放
seeking 是否正在跳播
ended 是否结束
volume 音量 0-1之前
muted 静音
duration 总时长
initialTime 定位开始播放时间
played 已播放的时间段
buffered 已经缓冲的时间段
seekable 需要跳到的时间段
controls 显示播放面板
loop 循环
preload 预加载
autopaly 自动播放
readState networkState error
loadstart 开始请求媒体数据时 2
progress 正在通过网络加载时 2
loadedmetadata 媒体元数据加载完时 1
loadeddata 播放位置的媒体加载完成 2
canplay 可以播放但还需要继续加载 3
canplaythrough 可以播放并全部加载完成4
suspend 已缓冲大量数据暂停加载时 1
stalled 无法加载时 2
play 调用play方法时
playing 已经开始播放中
timeupdate currentTime发生改变时
pause 调用pause方法时
seeking 把播放时间跳至没用被加载的点
seeked seeking值变成false
ended 播放完成时
durationchange duration值发生改变时
volumechange 音量发生改变时
ratechange playbackRate或defaultPlaybackRate发生改变
abort
error
emptied 发生了错误或者终止
发表评论
-
Web开发学习13聊聊java反射
2016-07-12 18:41 770很喜欢一本叫《走出软件作坊》的书,其中有一句话让我较为深刻,“ ... -
Web开发学习12 浅谈设计模式
2016-07-01 13:33 1330在我刚接触 ... -
Web开发学习11 全局缓存控制
2015-10-12 14:27 751缓存用的好可以减少数据库的压力,在大并发的情况下极大的提升服务 ... -
Web开发学习10 hadoop实战
2015-10-09 14:02 769前一篇说到项目记录了很多埋点日志,当有一天项目需求需要对这些日 ... -
Web开发学习(9)全局埋点
2015-07-27 11:10 2031埋点的作用是把客户端每次访问服务端的操作记录下来,包括请求连接 ... -
Web开发学习8Struts2基类封装
2015-07-24 12:03 713一个好的基类可以帮助开发者减少很多开发工作,像我这种爱偷懒的人 ... -
Web开发学习7按钮级别权限控制
2015-07-23 16:21 13369这个功能的思路是自己原创的,没看过其他例子,其实是在做之前网上 ... -
Web开发学习6添加liqiubase
2015-07-22 14:29 1481开发过程中经常碰到数据库更改的情况,在日常环境下如果每位开发人 ... -
浅列JavaEnum
2014-01-05 16:42 796enum Province{ ZHEJIANG,SHANGHA ... -
maven常用命令
2013-07-08 10:20 7961、创建普通Java项目: ... -
canvas绘制科赫雪花
2012-12-20 17:24 2168<html> <head> ... -
spring 整合mina
2012-12-20 11:48 1127首先定义自定义过滤器 <bean id=" ... -
Web开发学习(5)添加springsecurity应用
2011-12-14 15:00 977我学习公司这个架构多半就是为了把springsecurity搞 ... -
Web开发学习(4)添加spring应用
2011-12-14 14:45 802印象中似乎没做过不用spring的项目,因为它在web开发中的 ... -
Web开发学习(3)配置struts-tiles插件(附带json插件)
2011-12-05 15:22 2577struts的tiles插件是非常实用的,从某些方面可以很好的 ... -
使用线程删除导出临时文件
2011-12-01 16:33 2285项目支持大数据量导出e ... -
jQuery实现表格行点击选中复选框
2011-11-23 12:36 6015这个需求是在项目完成后客户提出的要求,看似简单但是还需要一点小 ... -
Web开发学习(2)配置convention插件
2011-11-04 10:28 1401注解的方式某些程度上能减少xml的配置量,个人感觉使程序更加清 ... -
Web开发学习(1)使用eclipse搭建maven项目
2011-10-20 10:04 5753首先用eclipse创建工程 ne ... -
数据库连接泛型基类创建
2011-06-30 11:49 1004记录 以便以后参考---- 基类代码 public cl ...
相关推荐
HTML5引入了许多新元素和功能,如`<canvas>`(画布)用于图形绘制,`<video>`和`<audio>`支持多媒体播放,`<section>`、`<article>`等语义化元素提升内容结构化。 通过理解和熟练运用以上知识点,你将能够创建出...
`<audio>`和`<video>`元素支持音频和视频播放,通过`src`属性引用媒体文件,`controls`属性显示播放控制。 6. 列表 `<ul>`无序列表,`<ol>`有序列表,`<li>`列表项。嵌套列表可通过在`<ul>`或`<ol>`内嵌套`<ul>`或`...
- 使用`<audio>`和`<video>`标签嵌入音频和视频文件。 7. **语义化标签**: - HTML5引入了更多语义化的标签,如`<header>`、`<nav>`、`<footer>`等,提高了页面结构的可读性和可维护性。 ### CSS基础知识 1. **...
1. **HTML5新特性**:包括新的标签元素(如、、、等),媒体元素(<video>、<audio>),以及离线存储(Application Cache)、拖放功能(Drag and Drop)等,这些都是HTML5相对于旧版本的重大改进。 2. **CSS3**:...
4. **媒体元素:**包括`<audio>`和`<video>`标签的使用方法及属性设置。 5. **离线存储:**介绍HTML5的离线存储技术`localStorage`和`sessionStorage`。 6. **拖放API:**了解如何利用HTML5的拖放API实现文件拖拽...
6. **HTML5新特性**:HTML5引入了许多新的元素和API,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,以及Web Storage和Web Workers等提升性能的API。 7. **响应式设计**:随着移动设备的普及,...
5. **段落与标题**:`<h1>`到`<h6>`定义不同级别的标题,用于组织内容。`<p>`标签则用于创建段落,描述旅行目的地或服务详情。 6. **图像和多媒体**:使用`<img>`标签插入图片,需指定`src`属性为图像URL和`alt`...
- **视频**:`video/mpeg`、`video/x-msvideo` 以上内容概括了HTML基础教程中的关键知识点,包括HTML的基本概念、文档结构以及元数据的使用等。通过学习这些内容,初学者可以更好地理解和掌握HTML的基础知识,并为...
- 多媒体标签:`<audio>`, `<video>`。 - 页面标签汇总,如导航栏、页脚等。 #### 三、CSS样式 - **CSS入门**: - CSS(Cascading Style Sheets)层叠样式表,用于定义HTML文档的布局。 - **选择器**: - 类...
5. **HTML5新特性**:HTML5引入了许多新元素,如, , , , , , <video>, 和<audio>等,增强了语义化和多媒体支持。 6. **响应式设计**:HTML5配合CSS3的媒体查询,实现响应式设计,让网页在不同设备和屏幕尺寸上都能...
HTML5和CSS3引入了诸多新特性,如HTML5的video和audio标签,CSS3的border-radius、box-shadow、flexbox布局等,它们极大提高了开发效率和页面表现力。 #### HTTP常见的请求方法 HTTP常见的请求方法包括GET、POST、...
HTML5引入了`<video>`和`<audio>`标签,使得嵌入和播放多媒体内容变得非常简单。通过`controls`属性,可以轻松添加播放/暂停和音量控制等操作。 #### Canvas绘图 `<canvas>`标签提供了一个在网页中绘制图形的容器。...
还有新的媒体元素如`<audio>`和`<video>`,以及离线存储和拖放功能。 6. **响应式设计**:随着移动设备的普及,HTML5的`, initial-scale=1">`标签帮助实现响应式布局,使网页在不同设备上自适应。 7. **语义化HTML...
8. **HTML5新特性**:HTML5引入了许多新元素和API,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,`<svg>`用于矢量图,以及离线存储、拖放功能等。 9. **语义化HTML**:HTML5引入了更多语义化的...
此外,还有离线存储、拖放功能、媒体元素(`<audio>`和`<video>`)等增强用户体验的功能。 6. **响应式设计**:随着移动设备的普及,HTML5支持媒体查询,允许网页根据设备屏幕大小进行适配,实现响应式布局。 7. *...
11. HTML5新特性:包括新的语义化标签(如`<header>`、`<footer>`、`<article>`、`<section>`等),离线存储(`applicationCache`),拖放功能(`drag and drop`),媒体元素(`<audio>`、`<video>`)等。...
11. **HTML5新特性**:HTML5引入了许多新元素,如`<header>`, `<footer>`, `<section>`, `<article>`, `<video>`, `<audio>`等,增强了多媒体支持和网页应用的功能。 12. **响应式设计**:现代HTML结合CSS3的媒体...
5. **HTML5新增特性**:HTML5引入了许多新的元素和功能,如、、、等语义化元素,以及音频(<audio>)、视频(<video>)元素,离线存储(AppCache)和Canvas绘图等。 6. **CSS和JavaScript集成**:HTML通常与CSS...
5. **图像和多媒体**: `<img>`标签用于插入图像,而HTML5新增的`<audio>`和`<video>`元素支持音频和视频的嵌入。 6. **表单处理**: `<form>`, `<input>`, `<select>`, `<textarea>`等元素用于创建用户交互的表单,...
4. **HTML5新特性**: HTML5引入了许多新元素,如`<header>`,`<footer>`,`<article>`,`<section>`,以及`<canvas>`用于图形绘制,`<audio>`和`<video>`用于多媒体播放等。 5. **响应式设计**: 为了适应不同设备...