Vue3VideoPlay 只显示 进度条 其余控件都隐藏不要

Vue3VideoPlay 是一个基于 Vue.js 的视频播放组件，它允许你定制化地控制视频播放体验。如果你想只显示进度条而隐藏其他控件，可以按照以下步骤操作：

1. 首先，在你的组件模板部分，将不需要的控件标签从HTML中移除。例如，通常在 `<video>` 标签内的 `controls` 属性用于显示默认的控制元素，你可以将其去掉：

<template>
  <div class="custom-video-player">
    <video :src="videoSrc" v-bind:style="{ width: '100%' }" />
    <div class="progress-bar-container">
      <!-- 显示进度条 -->
      <div class="progress-bar" :style="{ width: percentage + '%' }"></div>
    </div>
  </div>
</template>

2. 然后，在 CSS 中隐藏默认控件，比如添加样式 `.video-controls { display: none; }` 到你的全局样式表或者组件内。

3. 如果你需要自定义进度条，可以在 .progress-bar-container 下创建一个自定义的进度条，并通过绑定计算属性 `percentage` 来更新其宽度。

4. 最后，如果需要在特定情况下手动触发播放、暂停等操作，你需要在 JavaScript 中编写对应的事件监听和处理函数。