add styles for new YT player, closes #43

This commit is contained in:
Ilya Grigorik
2015-05-14 23:04:03 -07:00
parent 7f7cca0f0e
commit 878af302c0

View File

@@ -52,7 +52,7 @@
margin-top: 40px; 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); transition: margin-top .25s cubic-bezier(0.4,0,0.2,1);
margin-top: 10px; margin-top: 10px;
} }
@@ -67,6 +67,21 @@ html[data-player-size=fullscreen] .html5-video-player:not(.ytp-block-autohide) .
opacity: 0; 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 */ /* 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 {