X3Photo Gallery Forums

mjau-mjau wrote: ↑

25 Sep 2024, 22:28

Faust wrote: Hi Karl. I would like to add multiple videos to the page. I've looked in the showcase, and wanted to know how can I achieve something similar?>

https://jasonrikerphoto.com/motion/work/

Yeah, that's quite cool. I remember helping this customer to set it up, but keep in mind it does require a fair amount of manual setup by yourself ... I added some nice Javascript and CSS that helps create the layout, but it would require from you:

1. Upload all the videos that you see are displaying. In the case of the example link, he has created short 3-6 second MP4 versions of all his videos, at relatively low resolution, for usage in that layout. This itself is of course quite a task.
2. Add all the videos to the X3 content section based on a template <a...><video..., and specify the width/height of each video so that the layout can render them correctly. The width/height does not need to be the same as the video, but it must match the aspect of the video, so the layout can be rendered properly.
3. In this example, the owner has linked each video to their corresponding full video on Vimeo, displaying in the X3 popup. You could use self-hosted video instead, but it does mean you would need to upload the "full" video also. Or you would need to consider what happens on user "click", but we can't really use the same video in the small layout as when clicked.

As you understand, substantial workload involved on your behalf. I could offer further instructions if you wanted to do something similar.

mjau-mjau wrote: ↑

26 Sep 2024, 01:33

Faust wrote:So first of all I need to upload all videos I want to see in the page, but also edited for couple of seconds ?

Yes. They should be scaled down and only be a few seconds. Remember, you are going to load and autoplay all the videos at the same time for the visitor. This is only reasonable if file size and dimensions (memory usage) is limited.

What should happen when the visitor clicks a video?

mjau-mjau wrote:

Faust wrote:I would like to have them opening same as on the link above I’ve sent you.

So, for each item to display, you will need the original video as well as a downsized, short (duration), compressed version for the layout. They should be named in a pattern "videoname.mp4" (original) and "small_videoname.mp4" for consistency and easy linking between them.

mjau-mjau wrote:

Faust wrote:so basically I need to upload 2 files of each video ?

Yes. If you want a video loop in the layout to link to the large version, that is two files.

The difference with the example link, is that he was linking to Vimeo videos, so he only need to upload a single preview video. But ultimately, he also hosted the full size video on a remote service Vimeo. As noted, it is a rather big task.