[UserJS] Youtube Video Screen

[UserJS] Youtube Video Screen

I made this simple script which allows you to set a black screen behind youtube videos.
I don't think it's perfect, but I'm willing to improve it if people would like.

Features:
-Makes a copy of the video, and makes a new centered [width only] copy
-Hides and stops [to my knowledge] the default loaded video
-Black back screen with transparency set to 90% [Changeable]
-Only shows when Youtube is loaded
-Displays a 'Screen Off, Screen On' link at the top left of the screen

The latest version of this script can be found later in this thread


With Screen OFF:
off2.jpg

With Screen ON:
on.jpg

File:

ytS.js

PS: Don't mind the spelling errors in the code, it's late. I'll fix them tomorrow probably

Leave comments & Suggestions!
I hope you enjoy

I love it
If it could be launched right from the beginning (instead of actually pressing screen on) that would be perfect!

Thanks.I can modify it to do it automatically.
I'll work on it tonight.

Nice script - works as described.

One point - I have the youtube downloader script videoscript.user.js which places a yellow toolbar across the top of the page with a download link. This yellow toolbar obscures the Screen Off link (strangely it doesn't obscure the Screen On link). Perhaps you should force the Screen On/off links to the front of the page to prevent them being covered.

Also you have the Screen On option available on the YouTube homepage and search results - clicking just brings up the screen overlay with no vid (as expected). Perhaps you could restrict the Screen On/Off links to videos where it has some relevance.

Dava

Add

// ==UserScript==
// @include       http://www.youtube.com/watch?*
// ==/UserScript==

at beginning of the file and you can remove checkYoutube function

Originally posted by pdarko:

Add

// ==UserScript==
// @include       http://www.youtube.com/watch?*
// ==/UserScript==

at beginning of the file and you can remove checkYoutube function

You mean change it from:

/**
 * @author L815
 * Feel free to use as you please
 */


//Elemtns for the buttons & black background
//To change transparency, where it says "opacity", change the value you wish [higher = darker]
var the_div = document.createElement("div");
	the_div.style = "opacity:.90;width:100%;height:100%;background-color: #000;position:absolute;top:0;display:none;";

To:

// ==UserScript==
// @include       http://www.youtube.com/watch?*
// ==/UserScript==

/**
 * @author L815
 * Feel free to use as you please
 */


//Elemtns for the buttons & black background
//To change transparency, where it says "opacity", change the value you wish [higher = darker]
var the_div = document.createElement("div");
	the_div.style = "opacity:.90;width:100%;height:100%;background-color: #000;position:absolute;top:0;display:none;";

???

Dava

Yes. It will tell Opera to run script just on http://www.youtube.com/watch?* pages.
See this.

Originally posted by pdarko:

Yes. It will tell Opera to run script just on http://www.youtube.com/watch?* pages.
See this.

Thanks for the info.

Dava

I made some changes to your script, rewrote some stuff, added some, moved some, ...

Changes:
- added option to choose the default mode
- moved the toggle button to upper right and made it images instead of text links
- added proper userjs header

If you like the changes I made feel free to use it, if you don't like them, well, just ignore this script

youtube_screen.js

Thank you very much l815 and larskl! Both scripts are fantastic, but I choose the last one, cause it's more refined.

nice, thanks alot! Is there a way to halt the video after "closing" the "window"?

Originally posted by rfudk:

nice, thanks alot! Is there a way to halt the video after "closing" the "window"?

afaik there's no scripting API allowing control over the playback functions in youtube

Oh men it's so great , thanks a lot

version 1.21

changelog:
* YouTube Auto-Pause compatibility
* added option to adjust video size in screen mode
* code cleanup

youtube_screen.js

larskl: thanks for the new version! I'd love it

*edit* really nice, tried it for some hours! Great update!

Yeah very nice, we need guys like you as we can't do this

nice feature

a few minor issues:
- in partial screen mode, the left part of the video screen gets hidden by the videos list on the left
- the screen 'on'/'off' link on upper left and 'close' button on upper right get hidden by other userJS buttons
(ie. showiconsaslinks.js - but not your fault)

suggestions:
- do not activate 'play' when clicking 'on' or 'off' screen (very annoying) - at least make it an option

Originally posted by skye11:

- in partial screen mode, the left part of the video screen gets hidden by the videos list on the left
- the screen 'on'/'off' link on upper left and 'close' button on upper right get hidden by other userJS buttons
(ie. showiconsaslinks.js - but not your fault)

Try my script, posted 4 posts above yours, instead of one in first post

Originally posted by skye11:

suggestions:
- do not activate 'play' when clicking 'on' or 'off' screen (very annoying) - at least make it an option

use YouTube Auto-Pause

Sorry I haven't posted or updated this code in a while. I see many things have happened compared to my original thought.

I'm glad this has become a useful script.

Also @ larski, I really like your updates/changes. Thanks for contributing
Thanks to everyone else as well for submitting change requests, and so on...

Works like a charm in 9.27, thanks a lot

It conflicts with FlashBlocker userjs. Without one or another they both work well, but when both are activated I can´t play movies.

It also prevents me from expanding the description of the movie among others actions from buttons on the page .

I am on opera 9.52 by the way.

It is a wonderful script so i wanted to say my feedback to make it even better. Thanks

this script doesn't influence anything but the actual video, description and all other buttons are working just fine.
it's probably some other script that breaks it

This is probably the best JS I've found! Nice work

Updated: http://files.myopera.com/larskl/files/youtube_screen.js
Changes:
- Hide the "Upload" and username buttons
- Add auto-pause feature
- Add feature to load high-quality videos

Awesome. Took me a while to change the script to redirect to uk.youtube.com, but once I had that going for me, I started loving this script. Absolutely brilliant

Big thanks to creator l815 and current coder larskl.

Excellent work, nicely done.

hi,
could you please re-enable the centralize function of this scrip? Since the upload button is hidden, the video screen is not shown at the center any more. I think it would be nice to have this thing back!
Thanks

the video is still centered. there were no changes regarding the position in the latest update

sorry, but that doesn't seem to be happening to me, adding the lines for removing Upload button and the video stands in its place, no centerlization!
Youtube uncentered.jpg

Oh, don't bother, I figured it out! I moved the hidding code down after the video resizing code and also same thing for the showing code. It's back to normal now.

Youtube backagain.jpg
And by the way, when I tried to reload an opened-and-played youtube video, the auto-pause feature seemed to randomly break, sometimes the video was paused, sometimes not. Probably just a small bug.
Could you also add the animation so that the black screen fade in before the video placeholder appears? I just fancy some effects for such 'cinema' place!
Anyway, this script is great! Thanks to all helped building it! Such a good combination!

ah, you're not logged in. didn't realize that one button only appears if you're logged in. fixed: youtube_screen.js 1.33

Originally posted by alienyd:

Could you also add the animation so that the black screen fade in before the video placeholder appears?

I don't like animations and the video appears pretty instantly here so no.

Don't work on http://es.youtube.com , only on www.youtube.com

please provide details when reporting problems! "don't work" is not a useful statement!

Originally posted by Perryking:

Don't work on http://es.youtube.com , only on www.youtube.com

you did read the comment in the file about redirecting to www.youtube.com? if you don't want that just remove that part of the script

hi, me again! I seem to constantly have problem with this scrip!
when I typed www.youtube.com and hit 'Enter', I would be redirect to de. version (I'm in Germany), same thing when I used a direct link to a specific video page (i.e. http://www.youtube.com/watch?v=MyShkaAwbR8) it then repeatedly tried to redirect to the de. site version, resulting an endless redirect, not until I opened (in another tab) the youtube homepage, and cancel the stupid localized option, does the video page (in the previous tab, automatically jump to the www one). Could you please help me fixing this thing?! I hope that's understandable!
Thanks!

read what i said before:

Originally posted by larskl:

you did read the comment in the file about redirecting to www.youtube.com? if you don't want that just remove that part of the script

or just accept cookies from youtube so you can always get the international version

I'd love to have the international version, it's just that what comes to me always the localized, even with the script (what I changed in it has nothing to do with the localized part). And when I restart Opera, the stupid thing is back to localized (cookies delted during turing off of Opera)
Any idea?

Originally posted by alienyd:

Any idea?

don't delete cookies or remove the line from the script

hi, just found a couple of issues with the updated script. First of all, youtubes playlist function doesn't work. It's not just the playnext feature, the entire playlist , which usually shows up above the related videos list, is missing. Secondly, if you wish to go back a screen you have to double tap the back button. I think the double tap problem is being caused by the watch in high quality function of the script

Originally posted by scatbin:

First of all, youtubes playlist function doesn't work

Adding/removing/playing videos from that list works just fine here. Tested in clean installs of 9.63 and latest 10.00 weekly

Originally posted by scatbin:

Secondly, if you wish to go back a screen you have to double tap the back button

That's indeed caused by the high quality thing. If you don't like it you'll have to remove the high quality lines in the .js

so when you select "play all" you have no issues with the next video in the list starting up?

nope, that doesn't work. but you didn't mention that in your original description either. It's probably caused by the high quality redirect as well. As said, if you don't like it just remove it.

Hi, I've just found this one http://userscripts.org/scripts/show/36453
Would you please combine it with yours to:
- remove elements on youtube page (mostly annoying!)
- keep the video centered, showed in a black screen
- remove auto jump-to middle page (from the above js), where the screen automatically jumps to the middle of the page, to auto vertically center the video area
Besides, how to resize video? I saw you mentioned but never manage to work it out:(
Oh yeah, also, I'd love to lock youtube page - disable scrolling (vertically) when the dark screen is on to always keep the video in sight, or maybe vice versa, let the video float at a relative position while the page is being scrolled, could you please show me how?!
Thanks

no, i won't combine them

Aww:( so what about my other questions? Would you add them in the script, I mean YOUR script?

the video is already centered on a black screen. due to the black screen removing of other elements isn't needed as you don't see them anyway. and it doesn't auto-jump anywhere. so nothing to add there

Lars, you could do location.replace(url) instead of location.href=url to get rid of additional history entry.

Updated to 1.5

Changelog:
* Easier to configure (all settings in the first few lines of the file)
* Options to disable redirects to high quality and international versions
* Option to disable auto-pause
* New button to toggle between 4:3 and 16:9 mode

Download: youtube_screen.js v1.5

youtube have once again changed their site and broken this amazing script

Updated to 1.52

Changelog:
* Fix for the new Upload button
* Performance optimization
* Make sure that upload button failure doesn't halt script execution

Download: youtube_screen.js v1.52

There seems to be something wrong with the upload button hiding in new version (1.52), see for yourself:
opera_youtubescreen152bug.png

Non of the settings in script was changed. I wasn't logged in @ YouTube.

Updated to 1.53

Changelog:
* Fixed the fix for the new Upload button

Download: youtube_screen.js v1.53

Great job larskl!

It's working fine now