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

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

Issue 254633002: Start using the mediaControlsOverlayPlayButtonEnabled setting (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 8 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 | « no previous file | 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 eafe38695b43fa393390f8642b0123054cdde3db..d3b5536e4a4526b8ceab2ba14b949ae3bbfd4843 100644
--- a/Source/core/css/mediaControls.css
+++ b/Source/core/css/mediaControls.css
@@ -115,10 +115,40 @@ audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
color: inherit;
}
-audio::-webkit-media-controls-overlay-enclosure, video::-webkit-media-controls-overlay-enclosure {
+audio::-webkit-media-controls-overlay-enclosure {
display: none;
}
+video::-webkit-media-controls-overlay-enclosure {
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: center;
+ flex: 1 1;
+ width: 100%;
+ max-width: 800px;
+ text-indent: 0;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+
+video::-webkit-media-controls-overlay-play-button {
+ -webkit-appearance: media-overlay-play-button;
+ display: flex;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-left: -40px;
+ margin-top: -40px;
+ border: none;
+ box-sizing: border-box;
+ background-color: transparent;
+ width: 80px;
+ height: 80px;
+ padding: 0;
+}
+
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
-webkit-appearance: media-play-button;
display: flex;
« no previous file with comments | « no previous file | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698