OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2012 Google Inc. | 2 * Copyright (C) 2012 Google Inc. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
6 * are met: | 6 * are met: |
7 * 1. Redistributions of source code must retain the above copyright | 7 * 1. Redistributions of source code must retain the above copyright |
8 * notice, this list of conditions and the following disclaimer. | 8 * notice, this list of conditions and the following disclaimer. |
9 * 2. Redistributions in binary form must reproduce the above copyright | 9 * 2. Redistributions in binary form must reproduce the above copyright |
10 * notice, this list of conditions and the following disclaimer in the | 10 * notice, this list of conditions and the following disclaimer in the |
(...skipping 20 matching lines...) Expand all Loading... |
31 } | 31 } |
32 | 32 |
33 audio::-webkit-media-controls-enclosure { | 33 audio::-webkit-media-controls-enclosure { |
34 height: 35px; | 34 height: 35px; |
35 } | 35 } |
36 | 36 |
37 video::-webkit-media-controls-enclosure { | 37 video::-webkit-media-controls-enclosure { |
38 height: 40px; | 38 height: 40px; |
39 } | 39 } |
40 | 40 |
41 video::-webkit-media-controls-overlay-enclosure { | |
42 display: flex; | |
43 position: relative; | |
44 flex-direction: column; | |
45 justify-content: flex-end; | |
46 align-items: center; | |
47 flex: 1 1; | |
48 width: 100%; | |
49 max-width: 800px; | |
50 text-indent: 0; | |
51 box-sizing: border-box; | |
52 overflow: hidden; | |
53 } | |
54 | |
55 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { | 41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { |
56 height: 35px; | 42 height: 35px; |
57 } | 43 } |
58 | 44 |
59 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { | 45 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { |
60 display: none; | 46 display: none; |
61 } | 47 } |
62 | 48 |
63 video::-webkit-media-controls-overlay-play-button { | |
64 -webkit-appearance: media-overlay-play-button; | |
65 display: flex; | |
66 position: absolute; | |
67 top: 50%; | |
68 left: 50%; | |
69 margin-left: -40px; | |
70 margin-top: -40px; | |
71 border: none; | |
72 box-sizing: border-box; | |
73 background-color: transparent; | |
74 width: 80px; | |
75 height: 80px; | |
76 padding: 0; | |
77 } | |
78 | |
79 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { | 49 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { |
80 width: 35px; | 50 width: 35px; |
81 height: 35px; | 51 height: 35px; |
82 line-height: 35px; | 52 line-height: 35px; |
83 } | 53 } |
84 | 54 |
85 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control
s-current-time-display, | 55 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control
s-current-time-display, |
86 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr
ols-time-remaining-display { | 56 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr
ols-time-remaining-display { |
87 height: 35px; | 57 height: 35px; |
88 line-height: 35px; | 58 line-height: 35px; |
(...skipping 12 matching lines...) Expand all Loading... |
101 | 71 |
102 audio::-webkit-media-controls-fullscreen-button { | 72 audio::-webkit-media-controls-fullscreen-button { |
103 display: none; | 73 display: none; |
104 } | 74 } |
105 | 75 |
106 video::-webkit-media-controls-toggle-closed-captions-button { | 76 video::-webkit-media-controls-toggle-closed-captions-button { |
107 width: 35px; | 77 width: 35px; |
108 height: 35px; | 78 height: 35px; |
109 line-height: 35px; | 79 line-height: 35px; |
110 } | 80 } |
OLD | NEW |