Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(439)

Unified Diff: Source/core/css/mediaControls.css

Issue 291163004: Implement media cast buttons (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Reenable previously crashing tests - now fixed Created 6 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « Source/core/css/CSSValueKeywords.in ('k') | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/core/css/mediaControls.css
diff --git a/Source/core/css/mediaControls.css b/Source/core/css/mediaControls.css
index 5f86093c739db49d05beb21782887e987d112af5..64d9b8ed3e045dc61a3a829b4835de99a403f997 100644
--- a/Source/core/css/mediaControls.css
+++ b/Source/core/css/mediaControls.css
@@ -151,6 +151,22 @@ video::-webkit-media-controls-overlay-play-button {
padding: 0;
}
+video::-internal-media-controls-overlay-cast-button {
+ -webkit-appearance: -internal-media-overlay-cast-off-button;
+ display: flex;
+ position: absolute;
+ top: 5%;
+ left: 5%;
+ margin-left: 0px;
+ margin-top: 0px;
+ border: none;
+ box-sizing: border-box;
+ background-color: rgba(0,0,0,0.5);
+ width: 30px;
+ height: 30px;
+ padding: 0;
+}
+
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
-webkit-appearance: media-play-button;
display: flex;
@@ -279,6 +295,22 @@ audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-f
color: inherit;
}
+audio::-internal-media-controls-cast-button, video::-internal-media-controls-cast-button {
+ -webkit-appearance: -internal-media-cast-off-button;
+ display: flex;
+ flex: none;
+ border: none;
+ box-sizing: border-box;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ margin-left: -5px;
+ margin-right: 9px;
+ padding: 0;
+ background-color: initial;
+ color: inherit;
+}
+
audio::-webkit-media-controls-toggle-closed-captions-button {
display: none;
}
« no previous file with comments | « Source/core/css/CSSValueKeywords.in ('k') | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698