Step 2: download the project files.

  1. Visit: https://github.com/soquanchi/interactive-video-grid;

  2. Click on the green "Code" button and select "Download ZIP";

  3. Unzip the file to access the "interactive-video-grid" folder. Store or rename it as you prefer.

Your directory should look like:

interactive-video-grid/
├─ videos/
├─ main.js
├─ config.js
├─ styles.css
├─ reset.css
├─ index.html
├─ LICENSE
├─ README.md
├─ .gitattributes

It might seem overwhelming, but you'll only interact with three things:

  1. videos/ (video directory)

  2. config.js (personalization settings)

  3. index.html (start-up file)

Open the index.html to verify its functionality.

The folder contains only one dummy video, forming not too much of a grid currently. If problems arise, consider using a different browser or reach out to quanzh4396@gmail.com.

Now you're ready for configuration.

PreviousStart now! Get the videos ready.NextConfigure the project and call it done.

Last updated