Fixed video box for multiple videos

I’m wondering if there’s a way to have a single static location of one main video window/box - and and scrolling menubar of thumbnails (or titles/descriptions) to select from - to change the playing video in the box? Hope this makes sense.

Or perhaps some other way to deal with many videos on one page other than continuous vertical scrolling getting longer with each new one added.

Hello :wave:t2:

There is no dedicated function for this, but it is definitely possible by using popups or layout blocks.

For example, you can place each video in a separate popup. The popups can be “fixed in window,” while the selection buttons remain on the main page (outside the popups). If all the popups are grouped together, they will behave in a way where opening one popup automatically closes the previous one. This way, when a user clicks on a button, the new popup will open and display the corresponding video, while the previous one will close.

You can also set the “open automatically” option for one of the popups, so it will display as soon as the page loads.

If you need help, feel free to reach out :blush:

(Translate with AI)

2 Likes

Thanks so much, I understand the process you’re suggesting - but don’t like the idea of pop ups so much. (some people block pop ups, unsure about universal support, and unsure how it would work on various mobile). I might just do it and test it out to see if it’s workable though! (My original idea was to have the main video play window embedded, featured on a page.)

Sorry, I’m not sure I understand. In Sparkle, popups aren’t intrusive like the ones browsers might block. They are actually fully integrated elements of your site, behaving like regular sections of the page.

For example, they can appear smoothly, blend into the layout, and be fully customized to look like native design elements. They won’t be perceived as “intrusive” windows that pop up in the middle of the screen.

In your case, they can allow you to manage multiple videos without making the page longer, while keeping the navigation smooth, even on mobile. Here’s a simple example : Page 1

You can download the project here : https://preview.webpulse.fr/Sparkle/videos-popup.sparkle

3 Likes

Sparkle popups are unrelated to the popup windows you are thinking about, those are a thing of the early 2000s that’s been essentially killed off by browsers (and rightfully so, they were used for ads).

Sparkle popups always work, they don’t open a separate browser window, they change the content of the window itself. Perhaps another name could be “modal dialogs” (though popups aren’t exclusively modal).

What @Allan describes with popups is definitely the best choice.

3 Likes

I am a new user, so this is only a question … ( I only have my phone here, so cannot test it either) … can you add videos instead of images into this style of ‘gallery’?
I have forgotten the name of this type of gallery, but you can see one on this page

I’m wondering if that’s what you were hoping for @KoKo ?

No, unfortunately this isn’t possible with the gallery. Something fairly similar can be achieved using popups, but it’s not currently possible with the gallery.

1 Like

Apologies Allan, and thanks to both you and Duncan. I simply didn’t understand the term “pop up” - as it pertains to Sparkle… confusing it with the old style floating window pop ups (used in the past - I’ve used them before in Dreamweaver and Freeway). The little demo you made makes it perfectly clear, and it seems very easy to implement.

1 Like