Closed MAZ01001 closed 11 months ago
MAZ01001
commented
11 months ago By the way, for Chromium users, I can suggest the Open-as-Popup extension to toggle the popup back to a normal tab...to put back to all the other tabs...or open as popup again, because somehow this extension can get rid of the URL bar, making the popup-window even more minimal in appearance...
ImprovedTube
commented
11 months ago Or, even better, create a bookmark with any name and use the following as the URL (above JS minified).
ImprovedTube
commented
11 months ago the following also doesnt hide the URL bar. whats the trick?
chrome.windows.create chrome.windows.create
chrome.windows.create({
url: message.url,
type: 'popup', ....the following allow doesnt hide the URL bar. whats the trick?
I don't know for sure, but after some searching, I only found that it's not possible to hide the URL bar with window.open for security reasons, which makes sense I suppose (_on W3Schools it says opera allows the use of loaction=0 which hides the URL bar_).
But if one has access to a terminal, then chrome.exe --app="<url>" does open a minimal window without a URL bar.
ImprovedTube
commented
11 months ago the extensions work though with the chrome/browser API and
MAZ01001
commented
11 months ago I just noticed that the video popup button has issues and checked the code and the commit from #1813 is somehow reverted but without any revert commit.
the fix ( #1813 ):
is now back to (most recent state):
which has the same issues as in #1812, but there is no commit that has the lines marked as deleted and when looking at the git blame it shows the commits from #1806 and not #1813 as expected.
ImprovedTube
commented
11 months ago hi! @MAZ01001
complicated :D (and maybe takes longer to load now?) but had to show you appreciation.
( there also is "panel"? yet cant apply for this permission it seems https://stackoverflow.com/questions/26250131/difference-between-a-chrome-popup-and-panel )
Feature request
[1] Video popup button should include the playlist (add support)
[1] has been merged ( #1806 & #1813 & #1834 )
### [1] What When opening a video within a playlist via the popup button (Player→Butttons→Popup player), it opens the video but not with the playlist. Video: `https://www.youtube.com/watch?v=CBIQNiNBbYs?list=PLTfxJETd3IiArIOQSSYLAsYXui34D1cnW` Video-Popup: `https://www.youtube.com/embed/CBIQNiNBbYs?start=25&autoplay=1` \ Does not include the playlist ID (`list`). ### [1] Implementation When opening the popup, if the current URL includes a `list` parameter, add it to the embed URL. Video: `https://www.youtube.com/watch?v=CBIQNiNBbYs?list=PLTfxJETd3IiArIOQSSYLAsYXui34D1cnW` Popup: `https://www.youtube.com/embed/CBIQNiNBbYs?start=25&autoplay=1&list=PLTfxJETd3IiArIOQSSYLAsYXui34D1cnW` Something like this:[2] playlist popup button (new)
[2] has been merged ( #1832 )
### [2] What Add a button to the playlist window (`ytd-playlist-panel-renderer`) like the playlist reverse button ( #1544 ) or sites like `youtube.com/playlist?list=...` that opens that playlist embed page. Playlist: `https://www.youtube.com/playlist?list=PLTfxJETd3IiArIOQSSYLAsYXui34D1cnW` Playlist-Popup: `https://www.youtube.com/embed/videoseries?list=PLTfxJETd3IiArIOQSSYLAsYXui34D1cnW` ### [2] Implementation For the playlist window, the same functionality as in [\[1\] Implementation](#1-implementation) can be used, but instead of `/embed/Workaround
Bookmark can now also be found here: code-charity/bookmarklets-hub/yt_popup_player.md
In the meantime, I made myself (and you reading) a quick workaround (updated to #1813 ). Navigate to a YouTube video or playlist page, open dev-console (F12), and copy & paste the following. ```JavaScript (()=>{// Open YouTube video or playlist as embed in a popup window (reads `v` and `list` URL parameters and get the time from the first `video.video-stream.html5-main-video` element found) "use strict"; const player=document.body.querySelector("video.video-stream.html5-main-video"), video=window.location.search.match(/[?&]v=([^&]+)/)?.[1], list=window.location.search.match(/[?&]list=([^&]+)/)?.[1]; if(!video&&!list)return alert("No video and/or playlist found"); const popup=player?(()=>{ "use strict"; player.pause(); const{left,top,width,height}=player.getBoundingClientRect(); return window.open( `${window.location.protocol}//www.youtube.com/embed/${video??"videoseries"}?autoplay=1&start=${Math.trunc(player.currentTime)}${video?`&v=${video}`:""}${list?`&list=${list}`:""}`, "_blank", `menubar=0,status=0,titlebar=0,top=${window.screenTop+top},left=${window.screenLeft+left},width=${Math.max(100,width)},height=${Math.max(100,height)}` ); })():window.open( `${window.location.protocol}//www.youtube.com/embed/${video??"videoseries"}?autoplay=1${video?`&v=${video}`:""}${list?`&list=${list}`:""}`, "_blank", `menubar=0,status=0,titlebar=0,top=${window.screenTop},left=${window.screenLeft},width=${Math.max(100,window.innerWidth)},height=${Math.max(100,window.innerHeight)}` ); if(popup&&video&&list){ popup.addEventListener("load",()=>{ "use strict"; const title=popup.document.querySelector("div#player div.ytp-title-text>a[href]"); if(title&&title.href.match(/[?&]v=([^&]+)/)?.[1]!==video)popup.location.search=popup.location.search.replace(/(\?)list=[^&]+&|&list=[^&]+/,"$1"); },{passive:true,once:true}); } })(); ``` Or, even better, create a bookmark with any name and use the following as the URL (above JS minified). ```JavaScript javascript:(()=>{"use strict";const t=document.body.querySelector("video.video-stream.html5-main-video"),e=window.location.search.match(/[?&]v=([^&]+)/)?.[1],o=window.location.search.match(/[?&]list=([^&]+)/)?.[1];if(!e&&!o)return alert("No video and/or playlist found");const i=t?(()=>{t.pause();const{left:i,top:n,width:a,height:r}=t.getBoundingClientRect();return window.open(`${window.location.protocol}//www.youtube.com/embed/${e??"videoseries"}?autoplay=1&start=${Math.trunc(t.currentTime)}${e?`&v=${e}`:""}${o?`&list=${o}`:""}`,"_blank",`menubar=0,status=0,titlebar=0,top=${window.screenTop+n},left=${window.screenLeft+i},width=${Math.max(100,a)},height=${Math.max(100,r)}`)})():window.open(`${window.location.protocol}//www.youtube.com/embed/${e??"videoseries"}?autoplay=1${e?`&v=${e}`:""}${o?`&list=${o}`:""}`,"_blank",`menubar=0,status=0,titlebar=0,top=${window.screenTop},left=${window.screenLeft},width=${Math.max(100,window.innerWidth)},height=${Math.max(100,window.innerHeight)}`);i&&e&&o&&i.addEventListener("load",(()=>{const t=i.document.querySelector("div#player div.ytp-title-text>a[href]");t&&t.href.match(/[?&]v=([^&]+)/)?.[1]!==e&&(i.location.search=i.location.search.replace(/(\?)list=[^&]+&|&list=[^&]+/,"$1"))}),{passive:!0,once:!0})})(); ``` Then, you can click on the bookmark to open the video or playlist as a popup.