172051 2017-05-12 14:27:32 -0700 `webkitSetPresentationMode('picture-in-picture');` (PiP) not working on multiple video sources 2022-02-12 23:33:29 -0800 1 1 1 Unclassified WebKit Media Safari Technology Preview Mac macOS 10.12 RESOLVED INVALID InRadar P2 Normal --- 1 KZeni1 webkit-unassigned bfulgham eric.carlson jer.noble KZeni1 webkit-bug-importer oldest_to_newest 1308062 0 KZeni1 2017-05-12 14:27:32 -0700 Checking YouTube (which uses blob: for their videos now) shows that you can use `document.getElementsByTagName('video')[0];` in Safari's console on a video player page to obtain the correct video element without issue. However, using `document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` at that point returns "undefined" and the video is not turned into a Picture-in-Picture (PiP). Meanwhile right-clicking the YouTube video player (to get the context menu for the video element to show) is able to turn the video into a Picture-in-Picture without issue. I'm guessing there's a bug when it comes to the `webkitSetPresentationMode('picture-in-picture');` command being executed on video elements with a `blob:` url as it's source. 1308065 1 KZeni1 2017-05-12 14:31:50 -0700 Also, it appears that using `document.getElementsByTagName('video')[0].webkitSetPresentationMode('inline');` _works_ on a YouTube video (if you were to make it a PiP via the video element's context menu) whereas `document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` does not work (even if you execute this immediately after the inline command worked.) 1308072 2 KZeni1 2017-05-12 14:49:22 -0700 Finally, it appears that the use of a `javascript:document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` bookmarklet does work while running `document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` directly from Safari's console does not. Oddly enough, the use of `document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` directly in the console starts working after you have used the `javascript:document.getElementsByTagName('video')[0].webkitSetPresentationMode('picture-in-picture');` bookmarklet. 1308074 3 KZeni1 2017-05-12 14:56:18 -0700 Triggering a PiP shouldn't require a bookmarklet or using the context menu of the video element while using the webkitSetPresentationMode('picture-in-picture'); command directly via the browser's JavaScript (be it an extension or via the browser's console) does not work. 1308086 4 KZeni1 2017-05-12 15:06:05 -0700 I just tested a non-blob URL, and it appears this issue isn't just restricted to `blob:` video sources. 1309459 5 webkit-bug-importer 2017-05-16 20:16:27 -0700 <rdar://problem/32239548> 1840961 6 bfulgham 2022-02-12 23:33:29 -0800 Fullscreen and Picture in picture require a user gesture. Commands run from the web inspector don’t simulate a user gesture while running. The user-gesture requirement is removed after entering fullscreen on an element.