6 <link href="css/videojs-icons.css" rel="stylesheet">
14 /*text-align: center;*/
18 display: inline-block;
19 border: 1px solid #ccc;
34 <h1>VideoJS Icons</h1>
35 <p>All icons prefixed by <code>vjs-icon-</code></p>
38 <div class="preview-icon">
39 <span class="vjs-icon-play"></span>
44 <div class="preview-icon">
45 <span class="vjs-icon-play-circle"></span>
47 <span>play-circle</span>
50 <div class="preview-icon">
51 <span class="vjs-icon-pause"></span>
56 <div class="preview-icon">
57 <span class="vjs-icon-volume-mute"></span>
59 <span>volume-mute</span>
62 <div class="preview-icon">
63 <span class="vjs-icon-volume-low"></span>
65 <span>volume-low</span>
68 <div class="preview-icon">
69 <span class="vjs-icon-volume-mid"></span>
71 <span>volume-mid</span>
74 <div class="preview-icon">
75 <span class="vjs-icon-volume-high"></span>
77 <span>volume-high</span>
80 <div class="preview-icon">
81 <span class="vjs-icon-fullscreen-enter"></span>
83 <span>fullscreen-enter</span>
86 <div class="preview-icon">
87 <span class="vjs-icon-fullscreen-exit"></span>
89 <span>fullscreen-exit</span>
92 <div class="preview-icon">
93 <span class="vjs-icon-square"></span>
98 <div class="preview-icon">
99 <span class="vjs-icon-spinner"></span>
103 <div class="preview">
104 <div class="preview-icon">
105 <span class="vjs-icon-subtitles"></span>
107 <span>subtitles</span>
109 <div class="preview">
110 <div class="preview-icon">
111 <span class="vjs-icon-captions"></span>
113 <span>captions</span>
115 <div class="preview">
116 <div class="preview-icon">
117 <span class="vjs-icon-chapters"></span>
119 <span>chapters</span>
121 <div class="preview">
122 <div class="preview-icon">
123 <span class="vjs-icon-share"></span>
127 <div class="preview">
128 <div class="preview-icon">
129 <span class="vjs-icon-cog"></span>
133 <div class="preview">
134 <div class="preview-icon">
135 <span class="vjs-icon-circle"></span>
139 <div class="preview">
140 <div class="preview-icon">
141 <span class="vjs-icon-circle-outline"></span>
143 <span>circle-outline</span>
145 <div class="preview">
146 <div class="preview-icon">
147 <span class="vjs-icon-circle-inner-circle"></span>
149 <span>circle-inner-circle</span>
151 <div class="preview">
152 <div class="preview-icon">
153 <span class="vjs-icon-hd"></span>
157 <div class="preview">
158 <div class="preview-icon">
159 <span class="vjs-icon-cancel"></span>
163 <div class="preview">
164 <div class="preview-icon">
165 <span class="vjs-icon-replay"></span>
169 <div class="preview">
170 <div class="preview-icon">
171 <span class="vjs-icon-facebook"></span>
173 <span>facebook</span>
175 <div class="preview">
176 <div class="preview-icon">
177 <span class="vjs-icon-gplus"></span>
181 <div class="preview">
182 <div class="preview-icon">
183 <span class="vjs-icon-linkedin"></span>
185 <span>linkedin</span>
187 <div class="preview">
188 <div class="preview-icon">
189 <span class="vjs-icon-twitter"></span>
193 <div class="preview">
194 <div class="preview-icon">
195 <span class="vjs-icon-tumblr"></span>
199 <div class="preview">
200 <div class="preview-icon">
201 <span class="vjs-icon-pinterest"></span>
203 <span>pinterest</span>
205 <div class="preview">
206 <div class="preview-icon">
207 <span class="vjs-icon-audio-description"></span>
209 <span>audio-description</span>
211 <div class="preview">
212 <div class="preview-icon">
213 <span class="vjs-icon-audio"></span>