@tower1229/videojs-plugin-marker

0.0.9 Public • Published

videojs-plugin-marker

videojs 进度条打点插件。基于 videojs-marker-plugin 项目二次开发,支持 marker 点更新和 marker 点击事件;更换构建工具为 Vite。

videojs 系列项目 videojs-plugin-source-switcher : videojs 视频源切换插件 Install
npm i @tower1229/videojs-plugin-marker -S
import '@tower1229/videojs-plugin-marker';
import '@tower1229/videojs-plugin-marker/dist/style.css';
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!`);