Skip to content

Latest commit

 

History

History
32 lines (17 loc) · 1.77 KB

README.md

File metadata and controls

32 lines (17 loc) · 1.77 KB
Raw

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