autoplay    autoplay    如果出现该属性,则视频在就绪后马上播放。
controls    controls    如果出现该属性,则向用户显示控件,比如播放按钮。
height      pixels      设置视频播放器的高度。
loop        loop        如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted       muted       规定视频的音频输出应该被静音。
poster      URL         规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preload     preload     如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src         url         要播放的视频的 URL。
width       pixels      设置视频播放器的宽度。

播放事件play

可以播放事件(经常不执行,在这里进行自动播放操作,经常不好使)canplay

播放进度事件(主要进行进度存储,可以记住播放位置)timeupdate
播放完成事件(记录一次播放完成次数,还可以处理跳转到另一个音视频界面,可以做连续播放)ended

改变进度条后的事件seeked

转载于:https://www.cnblogs.com/rchao/p/9686659.html

html 5 video audio相关推荐

  1. 新元素之video,audio,meter,datalist,keygen,output

    video 通过<video>标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件.视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片. 过去(及目前) ...

  2. HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output

    video 通过<video>标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件.视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片. 过去(及目前) ...

  3. 多媒体元素 video audio 兼容性 controls muted loop

    目录 多媒体元素 video audio 兼容性 多媒体元素 video视频 audio音频 video controls:视频的播放控件,取值只能为controls 取值为属性名,这种属性叫做布尔属 ...

  4. video/audio 音频/视频 标签详解

    video <video> 标签定义视频,比如电影片段或其他视频流. 可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <vid ...

  5. video/audio标签倍速播放

    video/audio标签倍速播放 在现在浏览器中,各种播放器都支持 倍速播放,1.5倍,2.0倍等. playbackRate 属性 html元素"audio"和"vi ...

  6. video/audio在ios/android上播放兼容

    1.audio自动播放 1 <audio src='xxx.mp3' autoplay></audio> 上面是audio标签autoplay属性是自动播放,但是在安卓部分浏览 ...

  7. web前端入门学习 css(8)(新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡

    https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...

  8. HTML5 API详解(13):video/audio 视频/音频

    video的使用方法: <video autoplay="autoplay" controls="controls" width="800&qu ...

  9. html5 video audio currentTime 设定失效、重头开始播放

    正确答案 (2020.6.23更新) 在服务器里,根据请求,确定客户端请求的视频范围是多少,然后返回对应的请求内容,就可以实现点击调整视频音频播放进度里 ctx.set({// 'status': ' ...

  10. html5 video/audio 监听事件属性及方法

    <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>au ...

最新文章

  1. openpose_net随机搜索网络源代码
  2. python存数据到excel_python爬取的数据--保存数据到excel
  3. Linux XZ压缩格式学习
  4. vs2019专业版本 vtk安装
  5. 项目#npm install #cnpm install #yarn安装包报错
  6. matlab积分计算面积,定积分的近似计算(数学实验报告matlab版).doc
  7. 机器人炒菜感想_炒菜机器人
  8. ubuntu安装百度输入法
  9. 3D打印技术如何影响未来
  10. 时序分析基本概念介绍Slew/Transition
  11. 第八讲:期望最大化算法(EM algorithm)
  12. php db mssql 2008,php mssql 不能用 DB-Library(如 ISQL)或 ODBC 3.7 或更早版
  13. Linux游戏市场,Tacoma上的Nixie Pixel以及更多开放游戏新闻
  14. 一个合格的java工程师应该必备的能力
  15. 《金字塔原理》读书思维导图
  16. hal库串口dma卡死_STM32 HAL库 串口DMA发送完成中断
  17. 机械电子方向的一点心得
  18. wps文档打不开该怎么修复呢?
  19. 191210P4 Java富文本编辑之图片链接本地化
  20. 考研数据结构中的经典算法(总归纳)

热门文章

  1. beanutils工具类_Apache Commons 工具类介绍及简单使用
  2. gitee markdown 笔记_使用Gitee作为Markdown的图床
  3. php ci框架 模板输出,CodeIgniter模板引擎使用实例
  4. ibm r50隐藏分区_探索王道霸气:IBM R50笔记本电脑拆解实拍
  5. 打印tensorflow恢复模型中所有变量与操作节点
  6. java选择题答案_Java习题附答案
  7. mysql 宽字符注入_sql注入 宽字节注入
  8. 数据如何导入oracle数据库,如何用Oracle导入导出工具来实现Oracle数据库移植?
  9. 谭浩强课后题(数组篇)
  10. c语言数据结构-算法篇之冒泡排序