{"id":100,"date":"2020-09-21T15:03:40","date_gmt":"2020-09-21T19:03:40","guid":{"rendered":"http:\/\/wolfmanmuseum.org\/blog\/?p=100"},"modified":"2020-09-21T15:04:31","modified_gmt":"2020-09-21T19:04:31","slug":"using-picture-in-picture-in-firefox-chrome","status":"publish","type":"post","link":"http:\/\/wolfmanmuseum.org\/blog\/2020\/09\/21\/using-picture-in-picture-in-firefox-chrome\/","title":{"rendered":"Using Picture-in-Picture in Firefox &#038; Chrome"},"content":{"rendered":"\n<p>Available in Firefox and Chrome, the picture-in-picture function can be used to keep a video on top of your other browser tabs and\/or other applications allowing you to stream while you work.  You can resize the window, move it around, and control the audio.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<p>Below is an example of Picture-in-Picture in Firefox using the museum&#8217;s live webcam playlist, <em>wmoaTV<\/em>, as an example.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" src=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.21.41-PM-2-3-1024x596.png\" alt=\"\" class=\"wp-image-111\" srcset=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.21.41-PM-2-3-1024x596.png 1024w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.21.41-PM-2-3-300x175.png 300w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.21.41-PM-2-3-768x447.png 768w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.21.41-PM-2-3.png 1526w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1. <em>Firefox (pictured) and Chrome have the Picture-in-Picture option available on the right side of the video.  You can also right click to select &#8220;picture in picture&#8221;<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1-1024x566.png\" alt=\"\" class=\"wp-image-113\" srcset=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1-1024x566.png 1024w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1-300x166.png 300w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1-768x424.png 768w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1-1536x849.png 1536w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.22.51-PM-1.png 1719w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. <em>Once popped out, your video will stay playing on top of all other windows as long as this browser tab is kept open.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1-1024x511.png\" alt=\"\" class=\"wp-image-114\" srcset=\"http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1-1024x511.png 1024w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1-300x150.png 300w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1-768x383.png 768w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1-1536x766.png 1536w, http:\/\/wolfmanmuseum.org\/blog\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-21-at-2.23.32-PM-2-1.png 1902w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. <em>Here you see the video <em>(wmoaTV ch 1)<\/em> in the bottom right (default position) of the screen while we browse the museum.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>INSTRUCTION \/ INSTALLATION GUIDES<\/strong><\/span><\/p>\n\n\n\n<p><strong><em>Firefox<\/em><\/strong> picture-in-picture is enabled by default &#8211;  <a rel=\"noreferrer noopener\" href=\"https:\/\/blog.mozilla.org\/firefox\/firefox-picture-in-picture-mode\/\" data-type=\"URL\" data-id=\"https:\/\/blog.mozilla.org\/firefox\/firefox-picture-in-picture-mode\/\" target=\"_blank\">information<\/a> <\/p>\n\n\n\n<p><strong><em>Chrome<\/em><\/strong> has it enabled for Youtube by default, but this <a rel=\"noreferrer noopener\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/picture-in-picture-extens\/hkgfoiooedgoejojocmhlaklaeopbecg\" data-type=\"URL\" data-id=\"https:\/\/chrome.google.com\/webstore\/detail\/picture-in-picture-extens\/hkgfoiooedgoejojocmhlaklaeopbecg\" target=\"_blank\">extension<\/a> (by Google) allows you to use the feature outside of Youtube, like with Netflix, or video streaming options.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Stream your favorite videos on top of your other tabs while you work.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[14],"tags":[15,13,11],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/posts\/100"}],"collection":[{"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":13,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/posts\/100\/revisions"}],"predecessor-version":[{"id":121,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/posts\/100\/revisions\/121"}],"wp:attachment":[{"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/media?parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/categories?post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wolfmanmuseum.org\/blog\/wp-json\/wp\/v2\/tags?post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}