[Vuejs]-Trying to get video thumb nail using VueJS3

Make sure that the url is valid and that loadeddata event fires.

You can test with a test video url to ensure that it loads.

<template>
  <!-- parent.vue -->
  <VideoComponent url="https://www.w3schools.com/html/mov_bbb.mp4" />
</template>

If this example show you something that means that the provided prop is not a valid url when you load your data.

If it doesn’t you are not rendering this component properly.