uPin is for pinning a YouTube video while the rest of the page scrolls - like when you are looking through the videos list on the right and you can hear but not see the main video - this uPin fixes that by making the video stay put where it is originally..


file:///C:/Users/<USER NAME>/AppData/Local/Google/Chrome/User%20Data/Default/Extensions/milkbfdjncjmafjflcjpodieeabiidak/
C:\Users\<USER NAME>\AppData\Local\Google\Chrome\User Data\Default\Extensions\milkbfdjncjmafjflcjpodieeabiidak

uPin upin.css:

[[youtube should by default have an icon to pin the video on the page so the video does not slide off the page as the user browses the thumbnails and 'multi-tasks',,, the layout has needed improvement from day one]]
[[the lower left text should be hidden unless called by icon-click by the user]]
[[the lack of organization and lack of searchability of the thumbnails on the right tend to make me think that various formats should be used by selection by the user of a number of templates - youtube needs badly to develop and improve]]

[1-1-2019 11:46 am]
1600x900 monitor resolution
#player {position: fixed !important;z-index:600;left:88px !important;top:86px !important;width:981px;}
#info-contents {padding-top:566px;}

#placeholder-player {display:none;}
#watch-header {padding-top:506px;}

maybe i go to all the trouble to pack the whole folder and put in a zip and upload it - and maybe not..
i have to adjust the numbers so often [because youtube changes their writing so often], it doesnt make sense to upload,,, this is for 1600x900 monitor resolution,,
this the upin.css:
#player {position: fixed !important;z-index:600;width:1100px;left:20px;top:80px;}
#info-contents {padding-top:546px;}

[2-12-2018 8:12 am]
#player {position: fixed !important;z-index:50;}
#info-contents {padding-top:500px;}
#related {padding-top:500px;}

#placeholder-player {margin-bottom:38px !important;background:transparent;}
.player-api.player-width.player-height {background:transparent;top:38px;}
#player {position: -webkit-sticky !important;position: sticky !important;z-index:50;}
#watch-header {position:relative;}
#theater-background {display: none;}

uPin manifest.json:

"name": "uPin",
"homepage_url": "http://electricitymachine.com/upin/",
"description": "Pin a YouTube video while the rest of the page scrolls.",
"version": "",
"manifest_version": 2,
"permissions": ["tabs", "*://*/*" ],
"browser_action": {
"default_icon": "19x19.png",
"default_popup": "upin.html",
"default_title": "uPin"

"content_scripts": [{
"matches": [ "http://www.youtube.com/watch?v=*", "https://www.youtube.com/watch?v=*" ],
"exclude_matches": [ "*://*/*results*", "*://*/*search_query*" ],
"include_globs": [ "*youtube.com/watch?v=???????????*" ],
"exclude_globs": [ "*&list=*", "*watch?list=*", "*watch?v=*&list=*", "*results*", "*search_query=*" ],

"css": ["upin.css"],
"run_at": "document_start"
"web_accessible_resources": ["upin.css"],
"icons": {
"32": "32x32.png",
"128": "128x128.png",
"48": "48x48.png",
"38": "38x38.png",
"19": "19x19.png",
"16": "16x16.png"