From 878af302c0e04286eed0914d6631b231771afa94 Mon Sep 17 00:00:00 2001 From: Ilya Grigorik Date: Thu, 14 May 2015 23:04:03 -0700 Subject: [PATCH] add styles for new YT player, closes #43 --- inject.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/inject.css b/inject.css index e853f1b..3d22b64 100644 --- a/inject.css +++ b/inject.css @@ -52,7 +52,7 @@ margin-top: 40px; } -.html5-video-player:not(.ytp-block-autohide):not(.el-detailpage) .tc-videoController { +body:not(.not-yt-legacy-css) .html5-video-player:not(.ytp-block-autohide):not(.el-detailpage) .tc-videoController { transition: margin-top .25s cubic-bezier(0.4,0,0.2,1); margin-top: 10px; } @@ -67,6 +67,21 @@ html[data-player-size=fullscreen] .html5-video-player:not(.ytp-block-autohide) . opacity: 0; } +/* new YT player */ +body.not-yt-legacy-css .el-embedded .tc-videoController { + margin-top: 50px; +} + +body.not-yt-legacy-css .ytp-fullscreen .tc-videoController { + display: block; + 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 */ /* e.g. https://twitter.com/Vine_Football/status/550614684575858688 */ .video-container .tc-videoController {