Petit Collection the Movies

This project provides an interactive video player that allows users to select and play videos categorized into different folders.

Project Structure

project/
│
├── videos/
│   ├── Category1/
│   │   ├── video1.mp4
│   │   └── video2.mp4
│   ├── Category2/
│   │   ├── video3.mp4
│   │   └── video4.mp4
│   └── ...  (Other categories and videos)
│
├── index.html
│
├── styles.css
│
├── script.js
│
└── README.md

Setup

  1. Open the Video Player in your browser

    Open the index.html file in the extracted folder.

Usage

  1. 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.

  2. 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.

  3. Return to Categories

    Click the “Back to Categories” button below the video list to return to the category list.

Video Playback Controls

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.

How to Enjoy Individual Videos

  1. Open the Videos Folder

    Open the videos folder.

  2. Select a Category

    Open the category folder containing the video you want to watch.

  3. Play the Video File

    Double-click the video file (.mp4) you want to play. It will be played by your default media player.

Notes

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.

Credit

音声素材_Pincree


If you have any questions or issues regarding this project, please feel free to contact us.

Enjoy using the interactive video player!