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 19 matching lines...) Expand all Loading... |
30 | 30 |
31 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure
{ | 31 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure
{ |
32 height: 35px; | 32 height: 35px; |
33 } | 33 } |
34 | 34 |
35 audio::-webkit-media-controls-overlay-enclosure { | 35 audio::-webkit-media-controls-overlay-enclosure { |
36 display: none; | 36 display: none; |
37 } | 37 } |
38 | 38 |
39 video::-webkit-media-controls-overlay-enclosure { | 39 video::-webkit-media-controls-overlay-enclosure { |
40 display: -webkit-flex; | 40 display: flex; |
41 position: relative; | 41 position: relative; |
42 -webkit-flex-direction: column; | 42 flex-direction: column; |
43 -webkit-justify-content: flex-end; | 43 justify-content: flex-end; |
44 -webkit-align-items: center; | 44 align-items: center; |
45 -webkit-flex: 1 1; | 45 flex: 1 1; |
46 width: 100%; | 46 width: 100%; |
47 max-width: 800px; | 47 max-width: 800px; |
48 text-indent: 0; | 48 text-indent: 0; |
49 box-sizing: border-box; | 49 box-sizing: border-box; |
50 overflow: hidden; | 50 overflow: hidden; |
51 } | 51 } |
52 | 52 |
53 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { | 53 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { |
54 height: 35px; | 54 height: 35px; |
55 border-radius: 0; | 55 border-radius: 0; |
56 } | 56 } |
57 | 57 |
58 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { | 58 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { |
59 display: none; | 59 display: none; |
60 } | 60 } |
61 | 61 |
62 video::-webkit-media-controls-overlay-play-button { | 62 video::-webkit-media-controls-overlay-play-button { |
63 -webkit-appearance: media-overlay-play-button; | 63 -webkit-appearance: media-overlay-play-button; |
64 display: -webkit-flex; | 64 display: flex; |
65 position: absolute; | 65 position: absolute; |
66 top: 50%; | 66 top: 50%; |
67 left: 50%; | 67 left: 50%; |
68 margin-left: -40px; | 68 margin-left: -40px; |
69 margin-top: -40px; | 69 margin-top: -40px; |
70 border: none; | 70 border: none; |
71 box-sizing: border-box; | 71 box-sizing: border-box; |
72 background-color: transparent; | 72 background-color: transparent; |
73 width: 80px; | 73 width: 80px; |
74 height: 80px; | 74 height: 80px; |
(...skipping 25 matching lines...) Expand all Loading... |
100 | 100 |
101 audio::-webkit-media-controls-fullscreen-button { | 101 audio::-webkit-media-controls-fullscreen-button { |
102 display: none; | 102 display: none; |
103 } | 103 } |
104 | 104 |
105 audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-medi
a-controls-toggle-closed-captions-button { | 105 audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-medi
a-controls-toggle-closed-captions-button { |
106 width: 35px; | 106 width: 35px; |
107 height: 35px; | 107 height: 35px; |
108 line-height: 35px; | 108 line-height: 35px; |
109 } | 109 } |
OLD | NEW |