vue中使用el-slider获取视频裁剪区间

学习FFMpeg进行视频裁剪时，需要得到需要裁剪的视频时间范围。

代码如下：

<template>
  <div>
    <iframe ref="iframeBody" :src="视频地址" width="100%" height="650px" frameborder="0"></iframe>
    <span>选取视频长度</span>
    <el-slider :title="TimeValue[0] + '秒_' + TimeValue[1] + '秒'" v-model="TimeValue" :max="maxTime" range @change="changeTime"></el-slider>
  </div>
</template>

<script>
export default {
  data() {
    return {
      maxTime: 0,
      TimeValue: 0,
    }
  },
  methods: {
    changeTime(data) {
      //单位：s
      console.log('选取的视频时长：' + data)
      this.TimeValue = data
    },
  },
}
</script>

运行结果如下：