joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-21 18:08:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

adapt speed controller to new YT player

Browse Source
This commit is contained in:
Ilya Grigorik
2015-11-07 12:13:39 -08:00
parent 4b99ec9f23
commit e405a5cdbb
1 changed files with 14 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
inject.css
View File

@@ -5,7 +5,7 @@
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 10px; margin: 10px 10px 10px 15px;
line-height: 1.8em; line-height: 1.8em;
cursor: default; cursor: default;
@@ -26,7 +26,7 @@
.tc-controls { .tc-controls {
display: none; display: none;
margin-left:1em; margin-left: 1em;
} }
.tc-controls button { .tc-controls button {
@@ -46,41 +46,27 @@
opacity: 0.8; opacity: 0.8;
} }
/* shift controller when YouTube infobar is present */ /* YouTube player */
.ytp-block-autohide:not(.el-detailpage):not(.hide-info-bar) .tc-videoController { .ytp-hide-info-bar .tc-videoController {
margin-top: 40px; margin-top: 10px;
} }
body:not(.not-yt-legacy-css) .html5-video-player:not(.ytp-block-autohide):not(.el-detailpage) .tc-videoController { .ytp-autohide .tc-videoController {
transition: margin-top .25s cubic-bezier(0.4,0,0.2,1);
margin-top: 10px;
}
html[data-player-size=fullscreen] .tc-videoController {
display: block;
margin-top: 40px;
}
html[data-player-size=fullscreen] .html5-video-player:not(.ytp-block-autohide) .tc-videoController {
transition: opacity .25s cubic-bezier(0.4,0,0.2,1); transition: opacity .25s cubic-bezier(0.4,0,0.2,1);
opacity: 0; opacity: 0;
} }
/* new YT player */ /* YouTube embedded player */
body.not-yt-legacy-css .el-embedded .tc-videoController { /* e.g. https://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/ */
margin-top: 50px; .full-frame .html5-video-player:not(.ytp-fullscreen) .tc-videoController {
margin-top: 45px;
} }
body.not-yt-legacy-css .ytp-fullscreen .tc-videoController { .ytp-fullscreen .tc-videoController {
display: block; display: block;
margin-top: 60px; margin-top: 60px;
} }
body.not-yt-legacy-css .ytp-autohide .tc-videoController {
transition: opacity .25s cubic-bezier(0.4,0,0.2,1);
opacity: 0;
}
/* shift controller on Vine embeds: mute always visible */ /* shift controller on Vine embeds: mute always visible */
/* e.g. https://twitter.com/Vine_Football/status/550614684575858688 */ /* e.g. https://twitter.com/Vine_Football/status/550614684575858688 */
.video-container .tc-videoController { .video-container .tc-videoController {
@@ -96,10 +82,9 @@ body.not-yt-legacy-css .ytp-autohide .tc-videoController {
/* shift YT 3D controller down */ /* shift YT 3D controller down */
/* e.g. https://www.youtube.com/watch?v=erftYPflJzQ */ /* e.g. https://www.youtube.com/watch?v=erftYPflJzQ */
.webgl-pan-button { .ytp-webgl-spherical-control {
top: 50px !important; top: 50px !important;
} }
.ytp-fullscreen .ytp-webgl-spherical-control {
html[data-player-size=fullscreen] .webgl-pan-button { top: 100px !important;
top: 80px !important;
} }