
<template>
<video ref="video" :id="id" :src="src" @mouseleave="mouseleave" @mouseover="mouseover"></video>
</template>
<script setup lang="ts">
const props = defineProps({
  id: {
    type: String,
    required: true
  },
  src: {
    type: String,
    required: true
  },
})

const mouseover = () => {

}

const mouseleave = () => {

}


</script>

<style scoped>

</style>
