首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

video.js 7.0 文件结构分析

1.control-bar

核心的UI类的集合了,播放器下方的控制器都在此目录中。

2. menu

对菜单UI的实现

3. mixins

用于校验 video 参数/事件等

4. slider

主要是UI层面可拖动组件的实现,如进度条,音量条都是继承的此类

5. tech

比较核心的类,对video封装、flash的支持

6. tracks

处理的是音轨、字幕之类的功能

7. utils

一些常用的功能性类和函数。

8. big-play-button.js

播放器中心的播放按钮

9. button.js

添加播放按钮的实现

10. clickable-component.js

如果想实现一个支持点击事件和键盘事件具备交互功能的组件可以继承该类,它帮你做了细致的处理。

11. close-button.js

对关闭按钮的封装,功能比较单一

12. component.js

video.js框架中最重要的类,是所有类的基类,也是实现组件化的基石

13. error-display.js

主要处理展示错误的样式设置。

14. event-target.js

实现订阅发布模式,event类和原生事件的兼容处理

15. extend.js

用于继承

16. fullscreen-api.js

实现兼容各个浏览器的全屏方案

17. index.js

统一导出 video 播放器

18. live-tracker.js

初始化和追踪播放器的变化,例如当前播放的时间,播放的事件进度等

19. loading-spinner.js

实现了播放器的加载机制

20. media-error.js

定义了各种错误的描述

21. modal-dialog.js

弹出层相关的内容

22. player.js

核心内容:构造了播放器类也是video.js的核心

23. plugin.js

实现了插件机制

24. poster-image.js

处理播放器贴片

25. resize-manager.js

在屏幕变化时,处理播放器的显示大小

26. setup.js

用于处理播放器的配置安装即data-setup属性。

27. video.js

项目的入口文件

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20201215A0HZI400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券