Accessing Files Outside Static Folder

I am building a PWA that allows users to watch local videos from their devices. This is all good if the videos are saved in the static folder.

However, I would like the user to select a folder from which the app will pick the videos. I understand there is restricted file access to the browser for security reasons, but can I achieve this? Can I have the user select a default videos folder from which the app can pick videos?

If file access from the browser is restricted, can I at least specify using js code a folder outside the app root folder from which videos can be picked, then just ask users to save videos in that particular folder?

By folder you mean local user’s folder, e.g. folder on their device? No. You need to follow what is possible with input:file to pick files and you can’t really save anything to file system on user’s device in PWA apps