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

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: Tidy up button name Created 6 years, 4 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
Index: Source/core/css/mediaControls.css
diff --git a/Source/core/css/mediaControls.css b/Source/core/css/mediaControls.css
index 19acd2d889b8bd95d456e142aa53328e8b5c61a7..cce167cb88e5d33f2cf12183d49f17dc653b4596 100644
--- a/Source/core/css/mediaControls.css
+++ b/Source/core/css/mediaControls.css
@@ -149,6 +149,22 @@ video::-webkit-media-controls-overlay-play-button {
padding: 0;
}
+video::-webkit-media-controls-overlay-cast-button {
+ -webkit-appearance: 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;
@@ -277,6 +293,22 @@ audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-f
color: inherit;
}
+audio::-webkit-media-controls-cast-button, video::-webkit-media-controls-cast-button {
+ -webkit-appearance: 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;
}

Powered by Google App Engine
This is Rietveld 408576698