---
title: "Discussion on \"Understanding the Picture-in-Picture web API with examples\" | Hashnode"
description: "Discussion on \"Understanding the Picture-in-Picture web API with examples\". JavaScript Web APIs provide many helpful features. The picture-in-Picture feature is one you should know to use and control videos in better ways."
url: "https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Understanding the Picture-in-Picture web API with examples](https://blog.greenroots.info/understanding-the-picture-in-picture-web-api-with-examples?utm_source=hashnode&utm_medium=feed)

JavaScript Web APIs provide many helpful features. The picture-in-Picture feature is one you should know to use and control videos in better ways.

May 4, 2021 · 5 min read · blog.greenroots.info  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#html5](https://hashnode.com/tag/html5)
-   [#css](https://hashnode.com/tag/css)

## Written by

[Tapas Adhikary](https://hashnode.com/@atapas)

@atapas · Bangalore

  
[View profile](https://hashnode.com/@atapas)

Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source

Co-Founder, @CreoWis | Teacher, @tapaScript | Founder, @ReactPlay | YouTuber | Writer | Human

## Responses 6

Markdown supported · ⌘↵ to post

[Shamel Lakin](https://hashnode.com/@Shamel)

[May 8, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60969a0c21068818a5c6138b)

Great article, I know what project I'm doing next.

[Gerardo Cardenas](https://hashnode.com/@AmateurProgrammer)

[May 7, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/6095bea721068818a5c60824)

I can not find the bug. Where is it?

[Tapas Adhikary](https://hashnode.com/@atapas)

[May 8, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/6095bea721068818a5c60824#reply-6096218321068818a5c60c84)

Thanks for trying.

The issue is, when we stop the webcam capture, the picture-in-picture mode doesn't go back to the standard presentation mode. Not a big bug but will be logically correct 🙂

[Yogesh Chavan](https://hashnode.com/@myogeshchavan97)

[May 5, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60927ace9940127568e9f40e)

Awesome. Loved it.❤️

[Tapas Adhikary](https://hashnode.com/@atapas)

[May 5, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60927ace9940127568e9f40e#reply-60928056b97aec7542ba66be)

Thanks [Yogesh Chavan](https://hashnode.com/@myogeshchavan97). Glad you liked it.

[Victoria Lo](https://hashnode.com/@victoria)

[May 5, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60927a32b97aec7542ba65ff)

Another amazing article Tapas! I love it ❤️❤️

[Tapas Adhikary](https://hashnode.com/@atapas)

[May 5, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60927a32b97aec7542ba65ff#reply-6092807f9940127568e9f500)

Thank you very much, Victoria.

[Edidiong Asikpo (Didi)](https://hashnode.com/@didicodes)

[May 4, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60914daa8c38d5300e68a44a)

I really love the picture-in-picture feature. Thanks for sharing a detailed guide about it with examples, [Tapas Adhikary](https://hashnode.com/@atapas).

[Tapas Adhikary](https://hashnode.com/@atapas)

[May 5, 2021](https://hashnode.com/posts/understanding-the-picture-in-picture-web-api-with-examples/609139e9763ca930333666a0/comment/60914daa8c38d5300e68a44a#reply-609280ebb97aec7542ba66cf)

Thank you very much [Edidiong Asikpo](https://hashnode.com/@didicodes).