videojs进度条打点插件
videojs-plugin-marker
videojs 进度条打点插件。基于videojs-marker-plugin项目二次开发,支持 marker 点更新和 marker 点击事件;更换构建工具为 Vite,支持 video.js@7.x。
npm i @tower1229/videojs-plugin-marker -S
import '@tower1229/videojs-plugin-marker'; import '@tower1229/videojs-plugin-marker/dist/style.css'; Use
const player = videojs(this.$refs.videoPlayer, options); // 设置打点信息 player.markerPlugin({ markers: [ { offset: 2, }, ], }); // 更新打点信息 player.markerPlugin().updateOptions({ markers: [ { offset: 10, data: { content: "content2", }, onClick(e) { e.stopPropagation(); // marker点击事件,可以屏蔽原进度条动作 alert(`marker click!`); }, }, ], });
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。