`
sdh88hf
  • 浏览: 69803 次
  • 性别: Icon_minigender_1
  • 来自: 绍兴
社区版块
存档分类
最新评论

html5 audio与video方法属性事件概括

 
阅读更多

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 发生了错误或者终止

分享到:
评论

相关推荐

    html概括

    HTML5引入了许多新元素和功能,如`<canvas>`(画布)用于图形绘制,`<video>`和`<audio>`支持多媒体播放,`<section>`、`<article>`等语义化元素提升内容结构化。 通过理解和熟练运用以上知识点,你将能够创建出...

    html总结,我的笔记

    `<audio>`和`<video>`元素支持音频和视频播放,通过`src`属性引用媒体文件,`controls`属性显示播放控制。 6. 列表 `<ul>`无序列表,`<ol>`有序列表,`<li>`列表项。嵌套列表可通过在`<ul>`或`<ol>`内嵌套`<ul>`或`...

    html.css达内学习资料

    - 使用`<audio>`和`<video>`标签嵌入音频和视频文件。 7. **语义化标签**: - HTML5引入了更多语义化的标签,如`<header>`、`<nav>`、`<footer>`等,提高了页面结构的可读性和可维护性。 ### CSS基础知识 1. **...

    (41)_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    1. **HTML5新特性**:包括新的标签元素(如、、、等),媒体元素(<video>、<audio>),以及离线存储(Application Cache)、拖放功能(Drag and Drop)等,这些都是HTML5相对于旧版本的重大改进。 2. **CSS3**:...

    Web前端+后端+架构 21部从零玩转Web全栈超级架构师 2000集50G容量爆表-学完就够用!

    4. **媒体元素:**包括`<audio>`和`<video>`标签的使用方法及属性设置。 5. **离线存储:**介绍HTML5的离线存储技术`localStorage`和`sessionStorage`。 6. **拖放API:**了解如何利用HTML5的拖放API实现文件拖拽...

    202310311E85inK4.zip

    6. **HTML5新特性**:HTML5引入了许多新的元素和API,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,以及Web Storage和Web Workers等提升性能的API。 7. **响应式设计**:随着移动设备的普及,...

    html期末作业网站设计-旅行网站

    5. **段落与标题**:`<h1>`到`<h6>`定义不同级别的标题,用于组织内容。`<p>`标签则用于创建段落,描述旅行目的地或服务详情。 6. **图像和多媒体**:使用`<img>`标签插入图片,需指定`src`属性为图像URL和`alt`...

    html基础教程

    - **视频**:`video/mpeg`、`video/x-msvideo` 以上内容概括了HTML基础教程中的关键知识点,包括HTML的基本概念、文档结构以及元数据的使用等。通过学习这些内容,初学者可以更好地理解和掌握HTML的基础知识,并为...

    韩顺平php全套笔记.doc )

    - 多媒体标签:`<audio>`, `<video>`。 - 页面标签汇总,如导航栏、页脚等。 #### 三、CSS样式 - **CSS入门**: - CSS(Cascading Style Sheets)层叠样式表,用于定义HTML文档的布局。 - **选择器**: - 类...

    BrandAkin.8n5f5jawvc.gamyI2v

    5. **HTML5新特性**:HTML5引入了许多新元素,如, , , , , , <video>, 和<audio>等,增强了语义化和多媒体支持。 6. **响应式设计**:HTML5配合CSS3的媒体查询,实现响应式设计,让网页在不同设备和屏幕尺寸上都能...

    前端工程师面试题手册.pdf

    HTML5和CSS3引入了诸多新特性,如HTML5的video和audio标签,CSS3的border-radius、box-shadow、flexbox布局等,它们极大提高了开发效率和页面表现力。 #### HTTP常见的请求方法 HTTP常见的请求方法包括GET、POST、...

    前端后端跨域问题

    HTML5引入了`<video>`和`<audio>`标签,使得嵌入和播放多媒体内容变得非常简单。通过`controls`属性,可以轻松添加播放/暂停和音量控制等操作。 #### Canvas绘图 `<canvas>`标签提供了一个在网页中绘制图形的容器。...

    4asauj80hb.gaQEj1G

    还有新的媒体元素如`<audio>`和`<video>`,以及离线存储和拖放功能。 6. **响应式设计**:随着移动设备的普及,HTML5的`, initial-scale=1">`标签帮助实现响应式布局,使网页在不同设备上自适应。 7. **语义化HTML...

    scp131.github.io

    8. **HTML5新特性**:HTML5引入了许多新元素和API,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,`<svg>`用于矢量图,以及离线存储、拖放功能等。 9. **语义化HTML**:HTML5引入了更多语义化的...

    vkban

    此外,还有离线存储、拖放功能、媒体元素(`<audio>`和`<video>`)等增强用户体验的功能。 6. **响应式设计**:随着移动设备的普及,HTML5支持媒体查询,允许网页根据设备屏幕大小进行适配,实现响应式布局。 7. *...

    书本:https:shakil51298.github.iobook-list

    11. HTML5新特性:包括新的语义化标签(如`<header>`、`<footer>`、`<article>`、`<section>`等),离线存储(`applicationCache`),拖放功能(`drag and drop`),媒体元素(`<audio>`、`<video>`)等。...

    hyw8h8u35s.gaoj4hb

    11. **HTML5新特性**:HTML5引入了许多新元素,如`<header>`, `<footer>`, `<section>`, `<article>`, `<video>`, `<audio>`等,增强了多媒体支持和网页应用的功能。 12. **响应式设计**:现代HTML结合CSS3的媒体...

    SoltorgLLAMA

    5. **HTML5新增特性**:HTML5引入了许多新的元素和功能,如、、、等语义化元素,以及音频(<audio>)、视频(<video>)元素,离线存储(AppCache)和Canvas绘图等。 6. **CSS和JavaScript集成**:HTML通常与CSS...

    mengqian-zhang.github.io:张梦倩的主页

    5. **图像和多媒体**: `<img>`标签用于插入图像,而HTML5新增的`<audio>`和`<video>`元素支持音频和视频的嵌入。 6. **表单处理**: `<form>`, `<input>`, `<select>`, `<textarea>`等元素用于创建用户交互的表单,...

    m-medvedeva.github.io

    4. **HTML5新特性**: HTML5引入了许多新元素,如`<header>`,`<footer>`,`<article>`,`<section>`,以及`<canvas>`用于图形绘制,`<audio>`和`<video>`用于多媒体播放等。 5. **响应式设计**: 为了适应不同设备...

Global site tag (gtag.js) - Google Analytics