How is this done?
- Started
- Last post
- 11 Responses
- CuriousGeorge
If you scroll down on this be-hance page there are some very smooth, crisp animations that don't require any load time. Any idea how these are done? They can't be GIFs, can they?
- sted1
preloaded videos from vimeo
- sted1
like this:
?background=1
- CuriousGeorge0
Coming back to this. I'm struggling to get this to work. I can embed the movie with no controls, sharing buttons, etc. But I can't for the life of me get the movie to autoplay or loop like the examples in the initial link that I shared.
All of the tutorials I've read are very clear, but I don't see the options on my Vimeo page.
- PhanLo0
Does any of this stuff appear in the code?
{"autopause":1,"playsinline":1...
- Sorry it never displayed it all
https://i.imgur.com/…PhanLo
- Sorry it never displayed it all
- grafician0
Yeah, the code on he hance is a fucking mess, can't believe these shitheads are paid from our Adobe subscriptions...but anyway
<div id="player" class="player player-27de6be5-bb84-457c-a4e0-6f6fb460abd2 js-player-fullscreen no-playbar with-sticky-custom-logo hide-controls-mode player-cardsCorner player-md" style="" tabindex="0">
you see, they control the display of the fucking player with some css classes
no-playbar
with-sticky-custom-logo
hide-controls-modep.s. not to fucking mention they are actually embedding AN ENTIRE NEW HTML PAGE IN THE IFRAME FOR THAT VIDEO PLAYER
I haven't seen this kind of html/css fuckery since facebook using divs for each letter of the advertising section names in their code to bypass the adblockers lol
- grafician0
maybe this also helps, dunno...
- CuriousGeorge1
Thanks, everyone. After fucking around with this for FAR too long I've got it working. What a pain in the ass. Fuck you Adobe.
- grafician0
well post the solution then
- CuriousGeorge1
Well first off, the function to alter the embed code in Viemo is no longer found under the "share" button, it's found under "embed" which makes a hell of a lot more sense. In the lightbox select "+show options"
There you can select the autoplay, loop, etc. The kicker though is that most browsers won't allow autoplay which is what was fucking me. Found an article that says you need to add "?background=1" at the end of the URL to fix this.
- yeah sted literally added "?background=1" at the back of the video paste code heregrafician
- Yeah, I see that now!CuriousGeorge
- grafician0
so are you doing case studies for a new folio for 2021?
Can we see? :P
- no. but will you show us yours?renderedred
- Sure, when it's done.CuriousGeorge
- CuriousGeorge0
Here's another Be-hance question I'm hoping someone has the answer to!
On this project page, it looks like the alignment of the text on the page is not aligned to the default margins available by Be-hance. Poking around the only alignment customization is simple left, center or right justification. Is this done with a custom embed?
tinyurl.com/7m55arzk
Thanks!
- Balls. https://tinyurl.com/…CuriousGeorge
- This looks like some kind of stacking? Like a container in a container, aligned right. Looks more like a bug than a alignment decision...grafician