Vid Proper in full screen (wtf)

Hi guys,

Just to share something bizzar what for I’m very happy to discover it hasardulously (lol do we say that ? ^^) :slight_smile: :

If you want a full screen vid mp4 in a loc, you have the right frame, but the problem is that the vid is very “widely” covered, cutting your vid, that’s not greeat if the vid has a defined figure/body/etc.

And when going in the style of the bloc, surprisingly you can replace the background image by a vid, and then you get it perfectly covered and responsively.
As there : https://www.normandie.website (and all others from htts in bottom page)
(using the right frame the vid is becoming huige and cut under the head)

Maybe it’s already known by some of you, to say/suggest @Norm :

  • maybe adding “vid” also in the style pannel (it’s isn’t perceptible instinctively, only as IMAGE background)
  • the code is done, maybe just to have to push it in right frame as an additionnal way ?

E

:slightly_smiling_face:

Have you noticed videos does not play on chrome and firefox? I had the same issue with my site. Safari plays fine a video bg set by a class but firefox or chrome don’t

1 Like

OMFG :flushed: thank you VERY MUCH Chicuelo, was faaaaar to think to test on Chrome (Webkit also, how can it be ?!), also Spline animation don’t work (same…). Gonna look to find a solution, big regret, it was perfect with Safari. Thank you.

:flushed: it’s also perfect (Spline as vids as presented upper) in Chrome on ipad… Pfff annoying…

If annyone has an idea solution suggestion Im taker thx

Ed. Ok about Chrome/Spline it was Little Snitch :grin:
I’ll put here if I find a good compromise with vids…


…OK, With a sized figure (as eg a character) given that the bg vid do not resize in fact (but “mooves”), best way seems to be :

  • Bg vid visualy trick : small figure (at least widt?hiegyht of iphone resolution ?) with wide “margin” ( :-/ in high resolution)
  • Nope with a full width/heigh vid in a parent div (still impossible to resize also)
    The only way is to do with…

And maybe

  • Transposing as it is upper as “image” to Vid with solutionning the prob with Chorne ?
  • Or adding resize options (lenght, cover, etc.) with bg-width as it is.

I’ll then do with as it is in bg mode :frowning_with_open_mouth:

Final updated, not so bad but was perfect with Saf
Thank you again @chicuelo now it’s on Chrome :sweat_smile: :+1:

1 Like