Video ---> Play in loop until stopped or until swiped

skinny

Hello smart people.

Some of my videos are very short (5 seconds long). Is there a way to let the video loop until the user presses exit or goes to the next image/video? Right now, the video just stops after the 5 seconds.

By the way, this is literally the coolest photo gallery I have ever seen. It's one file that creates an entire system... 🤯 I love it.

Karl

skinny Is there a way to let the video loop until the user presses exit or goes to the next image/video?

Sorry, but video LOOP isn't a config option. I could make video attributes an option in javascript config in next release. Keep in mind, applying LOOP attribute to videos would be assigned to all videos, as Files Gallery can't differentiate between long and short videos when it loads them.

rantonse

I would love to have this as an option in custom.js:

video_loop: true, // loop all videos

Karl

rantonse I can add that in next release 👍️

I wonder if loop="true" should even be applied as default, since there isn't anything else that is supposed to happen after the video completes playing once ... The user can at any time navigate to next video or close the popup.

rantonse

Karl Great!

Yes, why not make it the default.

Karl

In latest release Files Gallery 0.9.0, all videos will now loop and attempt to autoplay by default.
https://www.files.gallery/blog/files-0-9-0/

Keep in mind, autoplay could be blocked by browser (depending on audio, mobile and other factors). Autoplay can be disabled from Javascript config option _c.config.video_autoplay.

stephaneriel72

I Karl, where the option? where we found the option to turn off the loop?

Karl

stephaneriel72 I Karl, where the option? where we found the option to turn off the loop?

See Javascript config option video_attributes:

// attributes to add to <video> elements in popup and modal / https://www.w3schools.com/tags/tag_video.asp
video_attributes: ['controls', 'disablepictureinpicture', 'controlslist="nodownload"', 'autoplay', 'loop'],

Remove the 'loop' attribute from the video attributes array.

stephaneriel72

like this?

_c.config = {
// attributes to add to <video> elements in popup and modal / https://www.w3schools.com/tags/tag_video.asp
video_attributes: ['controls', 'disablepictureinpicture', 'controlslist="nodownload"', 'autoplay'],
},

Karl

stephaneriel72 Looks correct, although you should drop the trailing comma after the object{}, and you don't need to include comments from the docs.

_c.config = {
  video_attributes: ['controls', 'disablepictureinpicture', 'controlslist="nodownload"', 'autoplay'],
}

stephaneriel72

to help others. is working good 🙂 , remove loop when video play.

_files/js/custom.js

_c.config = {
video_attributes: ['controls', 'disablepictureinpicture', 'controlslist="nodownload"', 'autoplay'],

download_dir: {
javascript: true, // Use the Javascript downloads API to download zip files
current_dir_only: true, // Only assign download dir button to current directory
use_filter: true, // If there is a search filter, only filtered files will be downloaded
recursive: true, // attempt to fetch files recursively via PHP / does not work with zip via server/PHP
max_filesize: 9000000000, // block download when filesize exceeds this value / default ~ 9000 MB ~ 9GB
prompt_filesize: 100000000, // display download prompt when filesize exceeds this value / default ~ 100 MB
},
}