Unfortunately, I’m not a coder, so everything I found for similar topics doesn’t work for me / I’m not able to adapt it properly. Any help is highly appreciated.
I have two pages that I want to interact: ‘home’ and ‘films’
I have several buttons on ‘home’. Let’s use the button ‘BUTTON ARRIVAL’ as an example. When I press that button, I want to be moved (off of the ‘home’ page) to the top of the ‘films’ page with the player open, and that respective film (JDP Arrival) loaded into it.
Meaning I want the same event to happen when I press the ‘JDP The Arrival’ button on the ‘films’ page just across two pages. When I press the ‘JDP The Arrival’ button on the ‘films’ page, it kicks off an animation that scrolls the page to the top, showing the player with that respective film loaded. All I have to do now is press the play button.
In short: I want to press ‘BUTTON ARRIVAL’ on the ‘home’ page and then be taken to the top of the ‘films’ page with the open player with the ‘JDP Arrival’ film loaded, which then I only have to press the play button, to run it.
Yes it’s possible, you’ll need to do some programming or hire a dev.
The most consistent pattern for this type of setup is usually to use a #hash on the URL to indicate the specific item you want to appear. Then your JS looks for that, and does the vid work needed.
well, those are pretty much the only things i knew already. i knew, it’s possible, i knew it needs some programming and i knew i can hire someone to do it.
the info that JS looks for hashtags is great but i guess i can hire someone tell JS to do so. everything similar i found really didn’t seem like a very long or complicated script, i just couldn’t get to where it belongs. but, ya, thank you, i guess.
I’ve just noticed you added your readonly link- very helpful.
From your description your setup’s fairly complex, your actors include the navigation, the buttons, some type of vid player where you seem to be loading content dynamically, and you mentioned an animation as well.
It’s not clear how many vids you’re needing to support or whether this is CMS driven- but looking at the readonly;
No CMS, static vids only
All vids are Vimeo hosted
Currently you’re using the WF Vdeo element everywhere
So at the core, your buttons would link to e.g. /films#montblanc and then the script on the Films page would;
Check for the hash
Determine which vid is meant to be played. That could be one already on the page, or a list of URLs in the CMS or hardcoded into the script.
Modify the URLs on the player and scroll to top.
You won’t want to use the WF Vid element at the top of the page, it uses Embedly and is not designed for simple code manipulation. Use a Vimeo embed there instead, easier to modify.
If you need a dev to build this, drop me a message. But with my design instructions here you should be able to achieve the basics using any GPT.
