• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5,实战与剖析,媒体元素等相关知识,匿名希望在学习及工作中可以帮助到您
  HTML5中的媒体元素除了拥有很多的属性之外,video标签和audio标签还可以出发很多事件和方法。这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果。下面就为大家开始介绍媒体元素的相关事件。


  abort:触发时机是下载中断。

  canplay:在可以播放的时候,readyState的值为2的时候触发。

  canplaythrough:readyState的值为3的时候,触发。播放可以继续,而应该不会中断的时候触发。

  canshowcurrentframe:readyState的值为1的时候,触发。当前帧已经下载完成的时候触发。

  dataunavailable:因为没有数据而不能播放的时候,readyState的值为0。

  durationchange:duration属性值改变触发的事件。

  emptied:网络连接关闭。

  empty:发生错误阻止了媒体下载。

  ended:媒体播放到末尾,播放停止(只读)

  error:下载期间发生网络错误。

  load:触发时间所有媒体已经加载完成。这个事件可能会被废弃,建议使用canplaythrough。

  loadeddata:触发时间媒体的第一帧已经加载完成。

  loadedmetadata:触发时机媒体的元素数据已经加载完成。

  loadstart:下载已经开始。

  pause:方法是媒体开始暂停。

  play:方法是媒体开始播放。

  playing:媒体已经实际开始播放。

  progress:正在下载。

  ratechange:播放媒体的速度改变。

  seeked:搜索结束。

  seeking:正移动到新位置。

  stalled:浏览器尝试下载,但未接收到数据。

  volumechange:触发时间是volume属性或muted属性值已经改变。

  waiting:触发时间是播放暂停,等待下载更多数据。


  HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)已经为大家介绍完了。这么多事件有很多,是为了让开发者能够顺利的创建出非常人性化的媒体播放,能够毫无压力的代替flash媒体。更多有关HTML5的相关知识和内容敬请关注梦龙小站的相关更新。

以上就是HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法) 的内容,更多相关内容请关注微课江湖()!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03前端未来页面布局发展方向是 Flexbox 还是 Grid?
  • 2018-12-03HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
  • 2018-12-03Canvas中beginPath()和closePath()的分析总结(附示例)
  • 2018-12-03使用canvas实现视频里的弹幕效果
  • 2018-12-03CSS3混合模式使用详解
  • 2018-12-03html5新增标签有哪些?html5新增的标签应用
  • 2017-08-06HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
  • 2018-12-03imgplay-基于canvas的图片序列播放jQuery插件
  • 2018-12-03目前影响 HTML5 更快普及的阻力都有哪些?
  • 2018-12-03比较redux和reflux以及自己写个TinyFlux?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5单页面手势滑屏切换如何实现
    • 百度小说推出专为平板电脑设计的 HTML5 web 应用,体验效果和原生应用类似,是否意味着随着 HTML5 技术的成熟,原生应用未来将输给 web app?
    • 作为一个刚入门的前端爱好者,以后立志成为前端攻城狮的我,应该要学习哪些方面的知识?
    • HTML5-WebSocket实现对服务器CPU实时监控
    • html5通过canvas实现刮刮卡效果示例分享_html5教程技巧
    • 前端HTML5几种存储方式的总结
    • HTML5 SVG响应式路径过渡动画幻灯片特效
    • html5-- canvas
    • 如何提取图片的主题色?
    • 总结html5的新特性(面试必备)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有