{"id":63068,"date":"2021-02-24T17:46:50","date_gmt":"2021-02-24T17:46:50","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2020\/04\/27\/firefox-picture-in-picture-for-videos\/"},"modified":"2021-02-24T17:46:59","modified_gmt":"2021-02-24T17:46:59","slug":"firefox-picture-in-picture-for-videos","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/","title":{"rendered":"Try Firefox Picture-in-Picture for multi-tasking with videos"},"content":{"rendered":"\n<p>The Picture-in-Picture feature in the <a href=\"https:\/\/www.mozilla.org\/firefox\/new\/?utm_source=blog.mozilla.org&amp;utm_campaign=firefox_frontier&amp;utm_medium=referral&amp;utm_content=pip-panda\">Firefox browser<\/a> makes multitasking with video content easy, no window shuffling necessary. With Picture-in-Picture, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows. It stays and plays while you go about your other business on other tabs or do things outside of from Firefox.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Firefox Multiple Picture-in-Picture\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/lWs1ScJdzE8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Firefox now offers multiple Picture-in-Picture mode!<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>To use it, hover your mouse over a video in your Firefox browser to see a small Picture-in-Picture message:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/gif-panda..gif\" alt=\"\" class=\"wp-image-4605\"\/><\/figure>\n\n\n\n<p>Click the picture-in-picture icon to pop open a slim, floating window so you can keep watching while working in other tabs. You can also move it around your screen and drag the corner to resize it.<\/p>\n\n\n\n<p>Times that the Firefox Picture-in-Picture feature comes in handy:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Toddler duty<\/h3>\n\n\n\n<p>Pop out PAW Patrol for your kiddo to watch while you catch up on emails <i>and<\/i> hold them close for extra snuggles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Learning new coding skills<\/h3>\n\n\n\n<p>Open <a href=\"https:\/\/www.youtube.com\/channel\/UCh5UlGiu9d6LegIeUCW4N1w\">an online tutorial video<\/a> while keeping your developer software full screen where you test the code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Staying in the loop<\/h3>\n\n\n\n<p>Catch your local, state and national press briefing while you join live Twitter conversations in the background.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">First time baker<\/h3>\n\n\n\n<p>No matter where you fall in the great sourdough debate of 2020, Picture-in-Picture lets you keep <a href=\"https:\/\/youtu.be\/oidnwPIeqsI\">a baking how-to video<\/a> on top of the screen while you have the recipe beside it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sport fix<\/h3>\n\n\n\n<p>Play <a href=\"https:\/\/www.olympic.org\/videos\/\">some<\/a> <a href=\"https:\/\/www.fifa.com\/fifa-tournaments\/videos\/\">archive<\/a> <a href=\"https:\/\/official.nba.com\/replay\/archive\/\">footage<\/a> on the side while working away in your other tabs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Streaming party multitasking<\/h3>\n\n\n\n<p>If your <a href=\"https:\/\/blog.mozilla.org\/firefox\/firefox-extensions-streaming\/\">streaming party<\/a> friends are watching a rerun, Picture-in-Picture can let you play your party\u2019s show or movie so you stay in touch with friends, but also do other things in the background.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Catch a concert<\/h3>\n\n\n\n<p>Some of us are born performers, others of us are born fans. Pop out a concert and take a break, from <a href=\"https:\/\/www.digitalconcerthall.com\/concerts\">classical<\/a> to <a href=\"https:\/\/www.npr.org\/series\/tiny-desk-concerts\/\">tiny<\/a> performances.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Practice those riffs<\/h3>\n\n\n\n<p>Watch your guitar <a href=\"https:\/\/www.youtube.com\/watch?v=Rmm--N3AFiw\">hero<\/a> play your favorite song while you read the notes and learn to strum along.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Give Firefox Picture-in-Picture a try<\/h2>\n\n\n\n<p>Try it out now with these adorable red pandas.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Red Panda Cubs \u2014 Firefox + Woodland Park Zoo\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/F-nFQryDB0s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><a href=\"https:\/\/twitter.com\/firefox\/status\/1256303124857458689\">Let us know<\/a> how you\u2019re using Picture-in-Picture in Firefox.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top\" style=\"grid-template-columns:47% auto\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-1024x576.jpg\" alt=\"\" class=\"wp-image-55793\" srcset=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-1024x576.jpg 1024w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-300x169.jpg 300w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-768x432.jpg 768w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-1536x864.jpg 1536w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-1000x563.jpg 1000w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach-1280x720.jpg 1280w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/05\/fx_blog_header_PIP_tranquility_beach.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\"><strong>More videos<\/strong><\/p>\n\n\n\n<p>Soothing scenes set to gentle sounds could be just the thing to restore serenity and focus to your day. <a href=\"https:\/\/blog.mozilla.org\/firefox\/relaxing-videos\/\">Watch with Firefox Picture-in-Picture mode<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>The Picture-in-Picture feature in the Firefox browser makes multitasking with video content easy, no window shuffling necessary. With Picture-in-Picture, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows. It stays and plays while you go about your other business on other tabs or [&hellip;]<\/p>\n","protected":false},"author":727,"featured_media":54617,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,11377],"tags":[1003],"coauthors":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Try Firefox Picture-in-Picture for multi-tasking with videos<\/title>\n<meta name=\"description\" content=\"With Picture-in-Picture in Firefox, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/\",\"name\":\"Try Firefox Picture-in-Picture for multi-tasking with videos\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png\",\"datePublished\":\"2021-02-24T17:46:50+00:00\",\"dateModified\":\"2021-02-24T17:46:59+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/5c987afc4f606be73692d2acfdd1316c\"},\"description\":\"With Picture-in-Picture in Firefox, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png\",\"width\":1920,\"height\":1080,\"caption\":\"Spot the picture-in-picture icon \u2014 your key to multitasking with a red panda buddy on your screen.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Try Firefox Picture-in-Picture for multi-tasking with videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/5c987afc4f606be73692d2acfdd1316c\",\"name\":\"M.J. Kelly\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/70718b02fa9f11d88288b937f1da2ac1\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d61ff6a9eb6dd324df20cb773e6c416e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d61ff6a9eb6dd324df20cb773e6c416e?s=96&d=mm&r=g\",\"caption\":\"M.J. Kelly\"},\"description\":\"Mozilla Communications\",\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/mjkellymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Try Firefox Picture-in-Picture for multi-tasking with videos","description":"With Picture-in-Picture in Firefox, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/","url":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/","name":"Try Firefox Picture-in-Picture for multi-tasking with videos","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png","datePublished":"2021-02-24T17:46:50+00:00","dateModified":"2021-02-24T17:46:59+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/5c987afc4f606be73692d2acfdd1316c"},"description":"With Picture-in-Picture in Firefox, you can play a video in a separate, scalable window that pops out for viewing on top of all your windows.","breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2020\/04\/ff_blog_header_PIP_red-panda.png","width":1920,"height":1080,"caption":"Spot the picture-in-picture icon \u2014 your key to multitasking with a red panda buddy on your screen."},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/firefox-picture-in-picture-for-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Try Firefox Picture-in-Picture for multi-tasking with videos"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/5c987afc4f606be73692d2acfdd1316c","name":"M.J. Kelly","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/70718b02fa9f11d88288b937f1da2ac1","url":"https:\/\/secure.gravatar.com\/avatar\/d61ff6a9eb6dd324df20cb773e6c416e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d61ff6a9eb6dd324df20cb773e6c416e?s=96&d=mm&r=g","caption":"M.J. Kelly"},"description":"Mozilla Communications","url":"https:\/\/blog.mozilla.org\/en\/author\/mjkellymozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/63068"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/727"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=63068"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/63068\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/54617"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=63068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=63068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=63068"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=63068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}