index of movies player

index of movies player
my brother coded this player
this just does mp4`s for now other formats can be added.
also only does index of that starts with https at this time

will use this site as an example

Code:

https://ftphost.nohum.net/video

some links are in a directory so it has to be opened to get to the mp4
link do a right click on the mp4 link wherever it may be located
and copy it you will copy the link and title
to the script below

copy this text add the title and stream
you wish to view to a notepad save it as
use the title: 30 days.html

this is just a test we can do the other video formats
it should make it easier to view index of movies,tv series,vod`s
and films

c/p to a notepad save it as 30 days.html
try this link then change to whatever you wish.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>30 DAYS DOC 1.mp4</title>
<link rel="icon" href="https://cdn.icon-icons.com/icons2/2132/PNG/96/wheel_ship_sea_nautical_control_boat_steering_icon _131577.png" type="image/png"> 
<style>
body {
font-family: Arial, sans-serif;
}
video {
width: 100%;
}
.controls {
margin-top: 10px;
}
</style>
</head>
<body>

<video id="videoPlayer" controls>
<source src="https://ftphost.nohum.net/video/30%20Days/30%20Days%20(D1).mp4">

</video>

<div class="controls">
<button id="playPauseBtn">Play</button>
<button id="muteBtn">Mute</button>
<input type="range" id="volumeRange" min="0" max="1" step="0.1" value="1">
</div>

<script>
const video = document.getElementById('videoPlayer');
const playPauseBtn = document.getElementById('playPauseBtn');
const muteBtn = document.getElementById('muteBtn');
const volumeRange = document.getElementById('volumeRange');

// Play/Pause button click event
playPauseBtn.addEventListener('click', () => {
if (video.paused || video.ended) {
video.play();
playPauseBtn.textContent = 'Pause';
} else {
video.pause();
playPauseBtn.textContent = 'Play';
}
});

// Mute button click event
muteBtn.addEventListener('click', () => {
if (video.muted) {
video.muted = false;
muteBtn.textContent = 'Mute';
} else {
video.muted = true;
muteBtn.textContent = 'Unmute';
}
});

// Volume range change event
volumeRange.addEventListener('input', () => {
video.volume = volumeRange.value;
});
</script>

</body>
</html>