【免费下载】 视频播放进度条自定义标记插件——videojs-markers

1. 项目基础介绍

videojs-markers 是一个开源项目，它为视频播放器 video.js 提供了一个功能丰富的插件。该插件允许开发者在视频播放器的进度条上添加自定义标记。这些标记可以用于指示视频中的重要时刻或者提供额外的文本信息。项目主要使用 JavaScript 编程语言，同时包含了 CSS 样式文件以支持标记的自定义样式。

2. 核心功能

• 进度条标记：在视频播放器的进度条上显示自定义标记。
• 悬停工具提示：标记上支持悬停显示工具提示，提供额外信息。
• 断点覆盖：支持在视频播放到特定标记时显示覆盖文本。
• 灵活的样式定制：允许开发者通过 CSS 自定义标记的样式。
• 动态标记管理：支持动态添加和删除标记。

3. 最近更新的功能

• onMarkerClick 回调处理：添加了一个回调处理函数，当用户点击标记时触发。如果返回 false，将阻止默认的跳转到标记时间的动作。
• getMarkers API：提供了新的 API 用于获取当前的所有标记。
• 动态时间解析：移除了将时间作为标记唯一属性的限制，引入了新的 markertip.time() 函数动态解析时间。
• 修改标记时间：标记的时间现在可以修改，且修改后调用 marker.players.updateTime() 可以更新 UI 上的标记位置。
• 文本信息回调：标记的提示文本和覆盖文本现在支持回调函数，提供了更高的灵活性。
• API 动态管理标记：增加了用于动态添加和删除标记的 API。

该项目不断更新，为开发者提供了更多灵活性和控制力，使得视频播放器的交互性和可用性大大增强。