Open fguerzoni opened 2 years ago
https://github.com/avidofood/vue-responsive-video-background-player/issues/8#issuecomment-1192011721 Have you tried this solution?
Edit: Ok I'm sorry you have.
I wonder, could you perhaps create a minimalistic version of your project with the bare minimum and upload this to github, so I could download it and work on it?
funnel.zip Thank you for the quick reply. Attached you'll find the project that was already minimalistic. Regards
Hi, I currently facing the same issue. Did you manage to solve that somehow?
No, sorry. I've quit Nuxt in the meanwhile for other reasons But I'm still curious about the solution. Regards
I have the same issue! cannot find a solution at the moment. :/ the solution might be the plugin itself OR.. in Nuxt.. i have a bare minimum implementation too, i can see the video and it works in a development environment, but i still get the warning and errors
This fixed the issue.. lol
Add <ClientOnly>
tags before video-background tags in Nuxt. apparently, using .client in the file extension is not enough
Example:
<template>
<ClientOnly>
<video-background
src = "example.mp4"
>
<h1 style="color: white;">Hallo welcome!</h1>
</video-background>
</ClientOnly>
</template>
EDIT:
I also had it to reappear after some days of development.. dont know the reason but, this also fixed the problem on the define of the plugin, i had to add components: { 'VideoBackground' }
:
import { defineNuxtPlugin } from "#app";
import { Plugin } from "vue-responsive-video-background-player";
export default defineNuxtPlugin((nuxtApp) =>
{
nuxtApp.vueApp.use(Plugin);
components: {
'VideoBackground'
};
});
Adding ClientOnly
also fixed it for me, it appears the extension isn't working.
Thank you for this great component. I was evaluating it in a minimal project. It works but I got some errors running the DEV version (yarn dev) that I would like to solve before moving on.
This is my App.vue, videos and images are in the public folder :
and this is my package.json
Provided that I'm using Nust3, I've also created as suggested in the README the video-bg.client.ts file in the plugins folder.
1) in the console, when I load the page in chrome the first time, I get:
2) In the console, when I reload the page in chrome:
3) In the chrome console:
4) again in the chrome console
I really don't know how to solve those issues, please give me a hint regards