igrigorik
Controller hidden by UI
Youtube's UI on chrome has changed recently so that the top left corner of the video has a link to the creator's page. This element happens to be on top of the controller which is really annoying to deal with. I couldn't find a way to move the controller without first going into the settings to make it larger so I wouldn't accidentally click the link to the creator's page. Would it be possible to add a keyboard option for moving the controller? Or maybe a way to change the default location of the controller on a video?
This is what it looks like on YouTube TV (you would need a subscription). It doesn't just put the TV station logo over the control, it also has this shaded block when there is mouse over that covers that whole top area of the picture, blocking access to the control.
I came here to comment this. It appears you gave this a blocked:external tag, but would neither of feathertonton's suggestions work?
Would it be possible to add a keyboard option for moving the controller? Or maybe a way to change the default location of the controller on a video?
I love this extension but it definitely is frustrating to use if you can't see or interact with the UI.
Ah, that's really helpful — ty. The challenge is that I can't audit it (don't have YT TV subscription. Can one of you guys please open the inspector and select the controller? I would like to see the element+class structure on that page (the content on the right).
I'm not sure what happened exactly, but for a few days, every YouTube video (not YouTube TV) I watched had a link to the creator's channel at the top left corner of the video, right on top of the controller. That's not happening anymore, and I don't remember what I did to solve the problem or if YouTube changed something. Maybe someone more familiar with YouTube UIs can replicate it?
I still think some functionality that would allow us to move the controller without needing to click and drag it would be really useful. Thanks! I'm not closing this for now since others have shown that this issue still appears on YouTube TV.
I'm not sure what happened exactly, but for a few days, every YouTube video (not YouTube TV) I watched had a link to the creator's channel at the top left corner of the video, right on top of the controller. That's not happening anymore, and I don't remember what I did to solve the problem or if YouTube changed something. Maybe someone more familiar with YouTube UIs can replicate it?
It at least does that with embedded YouTube videos. For example, click play on the following YouTube video embedded on Reddit and you will see what you were talking about: https://www.reddit.com/r/videos/comments/1m7rv8c/autoaiming_trash_can/
It might even use similar element+class structure to what we see on YouTube TV, but I don't know. I'll see if I can get igrigorik the element+class structure on YouTube TV when I get a chance.
This also happens on youtube shorts where the button is covered by the youtube play/pause button. I propose that(if it's not too much work) you essentially make it so that the extension caches the css position of the controller based on wherever the user positioned it recently. That way a user himself can always click and drag it somewhere else and have it basically always show up in that same relevant position on all sites. This way you yourself don't have to keep pre-programming all of the locations of the bar for every potentially bar in infinitum.
This is what it currently looks like by default on youtube shorts:
It is EXTREMELY hard to select the box unless you either grab one of the spots I pointed to, OR the state changes and the youtube button disappears freeing it up:
As you can see it can be moved once you finally snipe that little corner:
The only issue is that once you refresh the page, it goes right back to that same blocked corner again, and the nightmare replays all over again lol. But if you were able to cache it in that one spot, it wouldn't be an issue. If you wanted to go further, you could in theory make it so that you can cache it on a site by site basis, though that may be overkill, it's entirely dependent on how far you want to go with it. Thank you for your consideration.
Like the OP said, a keyboard command to move it would be a good solution.
Ah, that's really helpful — ty. The challenge is that I can't audit it (don't have YT TV subscription. Can one of you guys please open the inspector and select the controller? I would like to see the element+class structure on that page (the content on the right).
It's impossible to select the controller with the mouse cursor without zapping multiple transparent/translucent layers using something like the uBlock Origin Lite extension.
Instead, I can just bring up the html5-video-container div by searching for it in the code here.
I may not be 100% accurate, but I think it's getting blocked by, at least, div "ypl-clickable-layer [...]" and div "ypl-player-wigets style-scope [...]":
Being able to move it with arrow keys may be a good solution, but being able to type a keyboard shortcut to have it cycle through a few pre-set positions may be even better.