Estoy tratando de agregar una animación de fondo mp4/gif a mi página web, pero por alguna razón no funciona: solo muestra un marcador de posición negro para (lo que parece ser) la animación.

Esta es la biblioteca que he intentado usar: https://github.com/pespantelis/vue-videobg

Después de seguir las instrucciones, terminé con esto (solo se muestran las secciones relevantes):

El archivo main.js :

 // eslint-disable-next-line import/extensions import VideoBg from 'vue-videobg'; Vue.component('video-bg', VideoBg);

El archivo del componente Comp.Vue :

 <template> <div> <v-container fluid class="primary"> <v-row> <v-col> <video-bg :sources="['../assets/witchcraft-magic.mp4']" img="../assets/vast.png"> </video-bg> </v-col> </v-row> </v-container> </div> </template>

Por cierto, el mismo resultado me sucedió al intentar usar otras bibliotecas, por ejemplo, https://github.com/avidofood/vue-responsive-video-background-player , así que supongo que hay algo básico que estoy haciendo mal.