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; |