新手,vue 怎么不写死 提取为变量,让组件的调用方来传递数据

我想把 视频播放当做一个组件,由父级来 决定播放地址,要怎么改呢

图片说明

c-video.vue
<template>
  <video v-bind="$attrs">
    <source :src="source.src" :type="source.type">
  </video>
</template>

<script>

export default {
  props: {
    source: {
      type: Object,
    }
  }
}

使用:
<c-video :source="source"></c-video>