https://github.com/alejandroq12/video-player

This is a custom video player created to practice CSS, HTML, and JavaScript.
https://github.com/alejandroq12/video-player

css html javascript

Last synced: 9 months ago
JSON representation

This is a custom video player created to practice CSS, HTML, and JavaScript.

• Host: GitHub
• URL: https://github.com/alejandroq12/video-player
• Owner: Alejandroq12
• Created: 2022-11-04T02:09:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-24T04:41:02.000Z (about 3 years ago)
• Last Synced: 2025-06-13T04:03:34.210Z (about 1 year ago)
• Topics: css, html, javascript
• Language: CSS
• Homepage: https://alejandroq12.github.io/video-player/
• Size: 17.2 MB
• Stars: 11
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




  

  


  
Custom Video Player




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 Custom Video Player ](#-custom-video-player-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Run tests](#run-tests)

    - [Deployment](#deployment)

  - [👥 Authors ](#-authors-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [❓ FAQ ](#-faq-)

  - [📝 License ](#-license-)

# 📖 Custom Video Player 

This is a custom video player created to practice CSS, HTML, and JavaScript.

## 🛠 Built With 

### Tech Stack 

  Frontend

  


    
HTML

    
CSS

    
JavaScript

  


### Key Features 

- **Custom video player**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link](https://alejandroq12.github.io/video-player/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- Only a web browser.

### Setup

Clone this repository to your desired folder:

- Open the terminal and use the following command:

```

  cd my-folder

  git clone https://github.com/Alejandroq12/video-player.git

```

### Install

Install this project with:

For this project you just need a web browser.

### Usage

To run the project, execute the following command:

For this project you just need to open the index.html file with your browser.

### Run tests

No tests were added to this project.

### Deployment

You can deploy this project using:

You can deploy this project using: GitHub Pages,

- I used GitHub Pages to deploy my website.

- For more information about publishing sources, see "[About GitHub pages](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#publishing-sources-for-github-pages-sites)".

(back to top)


## 👥 Authors 

👤 **Julio Quezada**

- GitHub: [Alejandroq12](https://github.com/Alejandroq12)

- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)

- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)

(back to top)


## 🔭 Future Features 

- [ ] **I will add a header and footer.**

- [ ] **I will add another page**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project please give me a star.

(back to top)


## 🙏 Acknowledgments 

I would like to thank Traversy Media for his amazing content and incredible learning platform.

I would like to thank CSS Tricks because I found the code for custom video controls there.

(back to top)


## ❓ FAQ 

- **What did you learn?**

  - I learned a lot about event listeners.

(back to top)


## 📝 License 

This project is [MIT](./MIT.md) licensed.

(back to top)