video-player/public/main.js

async function main() {
	const response = await fetch('/videos');
	const videos = await response.json();
	const videoDiv = document.getElementById('videos');
	const overlayVideoDiv = document.getElementById('overlayvideos');
	
	videoDiv.innerHTML = '';
	overlayVideoDiv.innerHTML = '';

	console.log(videoDiv);

	for (const video of videos) {
		const button = document.createElement('button');
		button.textContent = video.name;
		button.addEventListener('click', () => {
			fetch(`/play?video=${video.path}`, { method: 'POST' });
		});
		console.log(button)
		videoDiv.appendChild(button);

		const overlayButton = document.createElement('button');
		overlayButton.textContent = video.name;
		overlayButton.addEventListener('click', () => {
			fetch(`/select?video=${video.path}`, { method: 'POST' });
		});
		overlayVideoDiv.appendChild(overlayButton);
	}
}

main();