# picture-in-picture

Picture-in-Picture is a web platform specification and API that lets websites create and control an always-on-top floating video window.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## New to the web platform in May

DevFeed: [New to the web platform in May](<https://devfeed.tech/articles/new-to-the-web-platform-in-may-4174.md>)

Original publisher: [Read original article](<https://web.dev/blog/web-platform-05-2026?hl=en>)

Author: Rachel Andrew GitHub LinkedIn Mastodon Bluesky Homepage

Published: 2026-05-29T07:00:00Z

Content type: article

Language: en

Sources: [web.dev: Blog](<https://devfeed.tech/sources/web-dev-blog.md>)

Topics: [Web platform](<https://devfeed.tech/topics/web-platform.md>), [Web](<https://devfeed.tech/topics/web.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [web browsers](<https://devfeed.tech/topics/web-browsers.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [picture-in-picture](<https://devfeed.tech/topics/picture-in-picture.md>), [API](<https://devfeed.tech/topics/api.md>), [Chrome](<https://devfeed.tech/topics/chrome.md>), [Firefox](<https://devfeed.tech/topics/firefox.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [audio](<https://devfeed.tech/tags/audio.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [css](<https://devfeed.tech/tags/css.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [html](<https://devfeed.tech/tags/html.md>), [performance](<https://devfeed.tech/tags/performance.md>), [picture-in-picture](<https://devfeed.tech/tags/picture-in-picture.md>), [web](<https://devfeed.tech/tags/web.md>), [web-browsers](<https://devfeed.tech/tags/web-browsers.md>), [web-platform](<https://devfeed.tech/tags/web-platform.md>)

### AI overview

A roundup of notable web platform features that became available in stable or beta browsers during May 2026, including CSS pseudo-classes, name-only container queries, container style queries for custom properties, native lazy loading for video and audio, and the Document Picture-in-Picture API.

### Source excerpt

Discover some of the interesting features that have landed in stable and beta web browsers during May 2026.

## Multi-tasking with Minimized Custom Tabs

DevFeed: [Multi-tasking with Minimized Custom Tabs](<https://devfeed.tech/articles/multi-tasking-with-minimized-custom-tabs-4185.md>)

Original publisher: [Read original article](<https://blog.chromium.org/2024/05/multi-tasking-with-minimized-custom-tabs.html>)

Author: Chromium Blog (noreply@blogger.com)

Published: 2024-05-29T16:08:00Z

Content type: article

Language: en

Sources: [Chromium Blog](<https://devfeed.tech/sources/chromium-blog.md>)

Topics: [Chrome](<https://devfeed.tech/topics/chrome.md>), [picture-in-picture](<https://devfeed.tech/topics/picture-in-picture.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [developers](<https://devfeed.tech/tags/developers.md>), [feature](<https://devfeed.tech/tags/feature.md>), [latest-release](<https://devfeed.tech/tags/latest-release.md>), [none](<https://devfeed.tech/tags/none.md>), [picture-in-picture](<https://devfeed.tech/tags/picture-in-picture.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Chrome introduces Minimized Custom Tabs, allowing users to minimize a Custom Tab into a floating picture-in-picture window and switch between native app and web content. The feature is applied automatically to developers using Chrome Custom Tabs starting with Chrome version M124.

### Source excerpt

In the latest release of Chrome, we're introducing Minimized Custom Tabs, a feature that allows users to effortlessly transition between native app and web content. With a simple tap on the down button in the Chrome Custom Tabs toolbar, users can minimize a Custom Tab into a compact, floating picture-in-picture window. This seamless integration enables multi-tasking across surfaces, enhancing the in-app web browsing experience. By tapping on the floating window, users can easily maximize the tab, restoring it to its original size. How to get started Because this change happens at the browser level, developers who use Chrome Custom Tabs will see this change automatically applied starting with Chrome version M124. End users will see the Minimize icon in the Chrome Custom Tab toolbar. Please note that this is a change in Chrome, and we hope other browsers will adopt similar functionality. Posted by Victor Gallet, Senior Product Manager

## Using Netflix to Improve YouTube Uploading on Mobile

DevFeed: [Using Netflix to Improve YouTube Uploading on Mobile](<https://devfeed.tech/articles/using-netflix-to-improve-youtube-uploading-on-mobile-28358.md>)

Original publisher: [Read original article](<http://fuzzyblog.io/blog/youtube/2020/05/07/using-netflix-to-improve-youtube-uploading-on-mobile.html>)

Author: Fuzzygroup

Published: 2020-05-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Scott Johnson](<https://devfeed.tech/sources/scott-johnson.md>)

Topics: [Netflix](<https://devfeed.tech/topics/netflix.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [picture-in-picture](<https://devfeed.tech/topics/picture-in-picture.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [netflix](<https://devfeed.tech/tags/netflix.md>), [picture-in-picture](<https://devfeed.tech/tags/picture-in-picture.md>), [video](<https://devfeed.tech/tags/video.md>), [youtube](<https://devfeed.tech/tags/youtube.md>)

### AI overview

A workaround for keeping an iPad awake during long YouTube uploads is described: start the upload in the YouTube app, play Netflix, and switch back so Netflix continues in picture-in-picture while the upload remains foregrounded.

### Source excerpt

This is a stupid trick but it seems to work. I've been recording a lot of videos for my YouTube channel aka Dad on Rails and because my videos tend to be long, I've found that my phone turns itself off while the upload is going on. Here's the work around: My videos are automatically sync'd over to my iPad so I start by doing the upload from the ipad. To keep the iPad from turning off but still have the upload going on as the foreground app, once the upload starts, launch Netflix and play anything but then command+tab back to the YouTube app. This keeps the the video playing as "picture in picture", the upload is now foregrounded and Netflix, even in picture in picture mode keeps your iPad from shutting down. I know this feels convoluted (it certainly does to me) but it feels far, far better than trying to keep the phone alive by endlessly surfing my Facebook feed.

## Drop-in Android Video -- Exoplayer2 with Picture in Picture

DevFeed: [Drop-in Android Video -- Exoplayer2 with Picture in Picture](<https://devfeed.tech/articles/drop-in-android-video-exoplayer2-with-picture-in-picture-26010.md>)

Original publisher: [Read original article](<https://medium.com/s23nyc-tech/drop-in-android-video-exoplayer2-with-picture-in-picture-e2d4f8c1eb30?source=rss-2ffcf6104135------2>)

Author: Stacy Devino

Published: 2018-09-13T15:58:58Z

Content type: tutorial

Language: en

Sources: [Stories by Stacy Devino on Medium](<https://devfeed.tech/sources/stories-by-stacy-devino-on-medium.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [ExoPlayer](<https://devfeed.tech/topics/exoplayer.md>), [picture-in-picture](<https://devfeed.tech/topics/picture-in-picture.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Gradle](<https://devfeed.tech/topics/gradle.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [Code](<https://devfeed.tech/topics/code.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [code](<https://devfeed.tech/tags/code.md>), [dependencies](<https://devfeed.tech/tags/dependencies.md>), [exoplayer](<https://devfeed.tech/tags/exoplayer.md>), [exoplayer2](<https://devfeed.tech/tags/exoplayer2.md>), [gradle](<https://devfeed.tech/tags/gradle.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [nike](<https://devfeed.tech/tags/nike.md>), [picture-in-picture](<https://devfeed.tech/tags/picture-in-picture.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [ui](<https://devfeed.tech/tags/ui.md>), [video](<https://devfeed.tech/tags/video.md>)

### AI overview

This tutorial explains how to add Android video playback with ExoPlayer2, including URL-based playback, Gradle dependencies, UI setup, and Kotlin implementation. It also introduces Android picture-in-picture support and notes that device support can vary.

### Source excerpt

Beautiful, interactive video content done easy. Video has been shown to increase engagement in apps and with content. How else could gif servicing apps be worth tens of millions and Youtube influencers be selling billions of dollars of product? The problem is that video in Android can be difficult. You are given the assumption that the video types you will support are pretty basic : embedded MPEG video, URLs to MP4/AVI files, and HLS Streaming. A naive approach would be to use the embedded video player sent with Intents, but that takes the user out of your app. You think, 🤔 " I'll just use the Android VideoView class with AppCompat ." Then you realize that it is nearly impossible to make the experience consistent across users because of codec support and whatever the phone manufacturer may have customized in the video player. Finally you settle on Exoplayer2 because it is the package everyone, including Google, uses. Upon further inspection, you quickly realize that it requires a lot of code to make it work and the example application on the Github is confusing, far too extensive for what you are doing. Another route you could take is ExoMedia by Brian Wernick, but it trades extensibility, theming, and control for simplicity. Fortunately, you only need the Exoplayer2 libraries to have a fantastic video player experience within your app. SimpleExoplayer "2" the Rescue First you need to make an app which can receive a URL and play it using Exoplayer. For this, you will need SimpleExoplayer and the Playerview from the UI package. Playerview has easy to manipulate styling/theming elements as well as available media controls. SimpleExoPlayer gives you a preconfigured player to work with without having to handle deeper logic yourself. Start by adding the Gradle dependencies to your build.gradle : implementation 'com.google.android.exoplayer:exoplayer-core:2.X.X' implementation 'com.google.android.exoplayer:exoplayer-hls:2.X.X' implementation 'com.google.android.exoplayer: