I have resolved this by changing all the plugin instances of position: absolute; to position: fixed; Not ideal… but will do until/if there is a better way 🙂
Hi kittykata,
I see you found the solution. As of right now, the best solution is the add the following to your css stylesheet:
.vidbg-container {
position: fixed!important;
}
However, I should be pushing out an update within the next week to automatically resolve this when setting “body” as the container. I Will get in touch then to let you know of the update!
Thanks for using the plugin!
Hi kittykata,
I wanted to let you know that version 2.3.0 is now out and now you can have a fullscreen background by simply inputing “body” in the container field (without quotes).
Have a great day!
Great! I’ve updated and it is perfect, thank you so much for your help 🙂
I know this is resolved… but I’m noticing that when I reduce the width of the browser, the gaps at the top and bottom are occurring again, causing the background image to show through… is it possible to achieve a “background-size: cover;” effect?
only way I can get this to happen is by changing the parent theme style.css
/* =Responsive Videos
————————————————————– */
video {
width: 100%;
max-width: 100%;
height: auto;
}
to max-width: auto
Again, not ideal to be changing the parent theme, but changing the child theme style.css to…
/* =Responsive Videos
————————————————————– */
video {
width: 100%;
max-width: auto!important;
height: auto;
}
… didn’t work.
Hi, kittykata,
Sometimes theme authors add max-width: 100%; for responsive purposes. If this is the issue, the following code should work:
.vidbg-container video {
max-width: auto !important;
}
Thanks for using the plugin!
Excuse me,
The following code should work:
.vidbg-container video {
max-width: none !important;
}
Yes that second one did the trick! Thanks again 🙂
