一般来说推荐使用,第三方的媒体播放库【例如 videojs 等】,这些库的ui界面,js控制都已写好,功能也扩展的比较丰富 ,直接参考文档使用更加的高效!

  这里还是 记录一下 html 原生 video 标签

  <video>

  <source> //里面可以插入一个source标签 指定 视频路径和 视频格式 【如果测试时候某些浏览器存在视频兼容问题,可以把视频转成多个格式,并写上多个source标签 提高代码的兼容性,浏览器会从上到下尝试去找并执行 source里的内容,第一个不行就下一个 直至运行ok】

</video>

 <audio>

   <source> //video 除了poster 封面属性 其他属性 audio都支持 且含义一致

</audio>

属性【

  src=' ' //视频路径

  autoplay:自动播放

  controls:进度条 ,音量的控制条显示

  muted:默认播放静音    

  poster:未播放前 视频封面

  preload:设置视频的加载方式,三个属性:auto[自动,视频有多大就自动下载多大,下载好了直接可以播放],metadata【只加载关键帧】,none【什么都不加载,视频无法播放】

  loop:是否循环播放    

 

最新文章

  1. DOSBOX 自动挂载技巧
  2. HTML5本地存储——IndexedDB(二:索引)
  3. Java并发之CyclicBarrier 可重用同步工具类
  4. SpringMVC @RequestBody问题:Unrecognized field , not marked as ignorable
  5. Delphi XE5 如何与其他版本共存
  6. 网络(一),libevent客户端部分
  7. [百度空间] [转]关于Direct3D多窗口编程的一篇翻译
  8. CQOI2011分金币&amp;HAOI2008糖果传递
  9. SourceGrid zt
  10. 基于反射实现自己主动化restful开发
  11. bzoj1188
  12. hdu 4945 2048 (dp+组合的数目)
  13. MemoryStream和FileStream
  14. jmeter命令行运行-单节点
  15. 手机端rem自适应布局实例
  16. Magento 1.9.x 子分类无法访问
  17. Linux文件系统3--打开文件
  18. CentOS6.3重新加载网卡报错 Active connection path: /org/freedesktop/NetworkManager/ActiveConnection
  19. window系统更新导致很多服务出错
  20. 查询es curl命令记录

热门文章

  1. “Fatal error: Unable to find local grunt.” when running “grunt” command
  2. Renice INC:解密干型葡萄酒
  3. DeFi 热潮下,NGK将成为下一个财富密码
  4. LinkedList 的实现原理
  5. PBN转弯保护区作图回顾
  6. JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性
  7. 彻底解决Asp.netCore WebApi 3.1 跨域时的预检查204 options重复请求的问题
  8. Redis Lua 脚本使用
  9. 用一次就会爱上的cli工具开发
  10. MVVM中的vm双向监听和mvc的缺点