This project provides an interactive video player that allows users to select and play videos categorized into different folders.
project/
│
├── videos/
│ ├── Category1/
│ │ ├── video1.mp4
│ │ └── video2.mp4
│ ├── Category2/
│ │ ├── video3.mp4
│ │ └── video4.mp4
│ └── ... (Other categories and videos)
│
├── index.html
│
├── styles.css
│
├── script.js
│
└── README.md
Open the Video Player in your browser
Open the index.html file in the extracted folder.
Select a Category
When the page loads, a list of categories will be displayed. Click on a category name to display the list of videos in that category.
Select a Video
Click on the video you want to play from the list. The video player will appear and start playing the selected video.
Return to Categories
Click the “Back to Categories” button below the video list to return to the category list.
While the video is playing, moving the cursor or interacting with the keyboard will display the menu. If there is no interaction for a certain period, the menu transparency will increase.
Open the Videos Folder
Open the videos
folder.
Select a Category
Open the category folder containing the video you want to watch.
Play the Video File
Double-click the video file (.mp4) you want to play. It will be played by your default media player.
This project is designed to work offline. No internet connection is required.
It is recommended to have Japanese fonts installed on your system to display video titles and categories correctly.
音声素材_Pincree
If you have any questions or issues regarding this project, please feel free to contact us.
Enjoy using the interactive video player!