https://github.com/brunortech/youtube-video-player
A simple, responsive YouTube video player with autoplay, mute, and loop features. Created using a guide by Coddy.tech, this project demonstrates embedding videos in HTML with a minimalist, responsive layout.
https://github.com/brunortech/youtube-video-player
autoplay-video embed-youtube html iframe loop-video minimalist-ui responsive-design video-player web-development youtube-embed
Last synced: about 1 month ago
JSON representation
A simple, responsive YouTube video player with autoplay, mute, and loop features. Created using a guide by Coddy.tech, this project demonstrates embedding videos in HTML with a minimalist, responsive layout.
- Host: GitHub
- URL: https://github.com/brunortech/youtube-video-player
- Owner: BrunoRTech
- Created: 2024-07-16T20:08:29.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-25T02:32:41.000Z (5 months ago)
- Last Synced: 2025-04-12T02:39:14.585Z (about 1 month ago)
- Topics: autoplay-video, embed-youtube, html, iframe, loop-video, minimalist-ui, responsive-design, video-player, web-development, youtube-embed
- Language: HTML
- Homepage:
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouTube Video Player
This project is a simple HTML page that embeds a YouTube video with autoplay, mute, and loop functionality, created using the guide provided by [Coddy.tech](https://coddy.tech/courses/youtube_video_player__html_project). The video plays without controls and is optimized for a responsive layout.
## Features
- **Autoplay**: The video starts playing as soon as the page loads.
- **Muted**: The video is muted by default.
- **Looped Playback**: The video repeats automatically.
- **No Controls**: Video player controls are hidden.
- **Responsive**: The video scales to fit different screen sizes.
## File Structure
- **index.html**: Contains the HTML structure of the YouTube video player.
## Usage
To view the project:
1. Download or clone the repository.
2. Open the `index.html` file in a web browser to see the video player in action.
## Changing the Embedded Video
To embed a different YouTube video, replace the video ID in the `src` URL within `index.html`:
```html
src="https://www.youtube.com/embed/YOUR_VIDEO_ID?controls=0&loop=1&playlist=YOUR_VIDEO_ID&mute=1&autoplay=1"
```
## Customization
If you'd like to modify the video player:
- Change the `width` and `height` attributes in the `` tag for different dimensions.
- Update the `autoplay`, `mute`, or `controls` parameters in the URL to adjust the behavior.
## Acknowledgment
This project was built using the guide provided by Coddy.tech. The original project can be found [here](https://coddy.tech/courses/youtube_video_player__html_project).