search

YePpHa / YouTubeCenter

YouTube Center is a userscript designed to expand the functionality of YouTube. It includes the ability to download the video you're watching, auto selecting your preferred video quality and much more.
MIT License
2.89k stars 520 forks source link

Feature Request: Add option to "enable like / dislike button" for embedded videos #1614

Open jeffreymcclain opened 9 years ago

jeffreymcclain commented 9 years ago

I've noticed that on a lot of embedded videos, like this one, there is no option to give the video a thumbs-up or thumbs-down. The only way to do so is to click the Youtube button to load the video on Youtube, and then rate it from there. It would greatly simplify things if the upvote / downvote functionality was added directly to embedded videos, perhaps in the upper right corner next to the "share" icon.

pep0w commented 9 years ago

I think flash has those buttons visible by default for HTML player you can try this CSS style install stylish to use it

@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("youtube.com") { .ytp-button-dislike,.ytp-button-like{ display: inline-block !important; } }

Piter432 commented 9 years ago

Agreed. Sometimes it's frustating that I can't like/dislike YouTube video placed in external site.

jeffreymcclain commented 9 years ago

q1k, if it's not too much to ask, can you explain how to add that CSS style using the Stylebot extension in chrome? I tried adding it as 2 separate lines of code: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("youtube.com") { .ytp-button-dislike,.ytp-button-like{ display: inline-block !important; } }

but it gave me a syntax error.

pep0w commented 9 years ago

What I gave above is the mozilla layout used by stylish. If you are using firefox, palemoon, seamonkey or any other similar browser, you would just copy paste the code from my other post and give the style a name.

For chrome you only need this code

.ytp-button-dislike,.ytp-button-like { display: inline-block !important; }

untitled

So on the left side you can name it as you like and make sure the enable box is checked, then on the bottom select domain and enter 'youtube.com'. In the code area enter the above code. Save. This should make the like/dislike buttons always visible on the HTML embeded player.

In stylebot it should be pretty straightforward as well enter the domain, enter the code, save.

jeffreymcclain commented 9 years ago

Thanks q1k, your solution for chrome worked!

jeffreymcclain commented 9 years ago

@q1k I've noticed that while the like / dislike buttons are added to embedded videos, a few minutes after clicking one of them they reset to show neither button has been clicked (i.e.: I like an embedded video at the 30 second mark, but after the 2:30 minutes mark the like is no longer shown on the embedded video, both the like and dislike button appear to not have been clicked.

In addition, going to the actual video on Youtube shows the original like from the embed, indicating it was carried out. This is only a minor annoyance, but I'd like to know if there's a way for the embedded video to actually remember the like / dislike I gave it.

jeffreymcclain commented 9 years ago

@q1k If it's not too much trouble, can you explain what code to use for the new transparent youtube player? (https://www.youtube.com/testtube) The previous code you gave me for Stylish on chrome doesn't work with the new player.