添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

videojs-plugin-marker

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

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!`);
    });