更新记录

1.0.0（2026-04-23） 下载此版本

发布视频节点组件

平台兼容性

uni-app(3.7.6)

uni-app x(3.7.6)

其他

视频节点标记组件 lu-video-marker

一个高度可复用的UniApp视频节点/时间戳标记组件，支持添加节点、点击跳转、悬停提示，兼容H5和所有主流小程序。

功能特性

• ✅ 点击节点精准跳转到对应时间
• ✅ 支持自定义节点名称和样式
• ✅ 自动适配视频进度条位置
• ✅ 支持初始节点导入
• ✅ 提供完整的事件和方法
• ✅ 兼容H5、微信小程序、支付宝小程序等

安装方式

方式一：插件市场安装（推荐）

点击右上角「使用HBuilderX导入插件」，选择你的项目即可自动安装。

方式二：手动安装

下载插件后，将 uni_modules/lu-video-marker 目录复制到你项目的 uni_modules 目录下。

快速使用

<template>
  <view>
    <lu-video-marker
      ref="luVideoMarker"
      src="https://www.w3school.com.cn/i/movie.mp4"
      :initialNodes="initialNodes"
      @add="onNodeAdd"
    />

    <button @tap="addNode">添加当前节点</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      initialNodes: [
        { time: 2.0, title: '开场介绍' },
        { time: 5.5, title: '精彩片段' }
      ]
    }
  },
  methods: {
    addNode() {
      this.$refs.luVideoMarker.addCurrentNode('自定义节点')
    },
    onNodeAdd(node) {
      console.log('新增节点:', node)
    }
  }
}
</script>