Picture-in-Picture Demo

This is a simple web application that demonstrates how to enable Picture-in-Picture mode for a video element using JavaScript.

Getting Started

To get started with the application, follow these steps:

1. Clone the repository:

2. Open the index.html file in a web browser.

3. Click the "Start Picture-in-Picture" button to enable Picture-in-Picture mode for the video.

Prerequisites

To run the application locally, you need a web browser that supports the Picture-in-Picture API. The code has been tested with modern browsers such as Google Chrome and Mozilla Firefox.

Features

• Enables Picture-in-Picture mode for a video element.
• Selects the user's display media stream to be used as the video source.
• Dynamically starts Picture-in-Picture mode after clicking a button.

Technologies Used

• HTML
• CSS
• JavaScript