YouTube Multiscreen Player

A simple, responsive web application that allows users to watch multiple YouTube videos simultaneously in a grid layout.

Features

• Add multiple YouTube videos to a single page
• Responsive grid layout that adapts to screen size
• Support for various YouTube URL formats
• Individual video removal controls
• Clean, modern user interface
• Keyboard support (Enter to add videos)
• Auto-play enabled for added videos

Usage

1. Open index.html in a web browser
2. Paste a YouTube URL into the input field
3. Click "Add Video" or press Enter to add the video to the grid
4. Repeat to add more videos
5. Click the '×' button on any video to remove it from the grid

Supported URL Formats

The player supports various YouTube URL formats, including:

• Standard watch URLs (https://www.youtube.com/watch?v=VIDEO_ID)
• Short URLs (https://youtu.be/VIDEO_ID)
• Embed URLs (https://www.youtube.com/embed/VIDEO_ID)

Technical Details

• Pure HTML, CSS, and JavaScript implementation
• No external dependencies required
• Responsive design using CSS Grid
• YouTube iFrame API integration

Browser Support

Works in all modern browsers that support:

• CSS Grid
• ES6 JavaScript
• YouTube iFrame API

Installation

Simply download the index.html file and open it in a web browser. No server or build process required.

License

Feel free to use and modify this code for your own projects.