-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (262 loc) · 11.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<html>
<head>
<title>PlatziMediaPlayer.js</title>
<link
rel="stylesheet"
href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
/>
<link rel="stylesheet" href="./assets/index.css" />
</head>
<body>
<header>
<h1>PlatziMediaPlayer.js</h1>
<p>An extensible media player.</p>
</header>
<main class="container">
<video class="movie">
<source src="./assets/BigBuckBunny.mp4" />
</video>
<button id="playButton">Play/Pause</button>
<button id="muteButton">Mute/Unmute</button>
</main>
<h2>Comments</h2>
<ul>
<li>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Saepe natus
non officiis a repellendus molestias ipsum aspernatur, adipisci
temporibus vel maiores omnis ad facere nihil asperiores. Aspernatur odit
esse eos.
</li>
<li>
Numquam eaque deleniti, debitis saepe vero, odit quidem ut dolor nemo,
exercitationem commodi illo minus id ratione minima? Enim eum
consequatur eveniet unde accusamus alias ipsam sed blanditiis dicta!
Sequi.
</li>
<li>
Ipsam laudantium quae aliquid nulla eligendi atque molestias ratione
libero. Omnis corrupti doloribus reiciendis incidunt eos voluptatum vero
optio modi ab excepturi soluta, assumenda unde eius tempora provident.
Labore, corporis?
</li>
<li>
Fugit, perferendis ullam, iure necessitatibus quo nesciunt est possimus
vitae reprehenderit ratione hic rerum optio, ipsam aperiam quidem
recusandae ipsa. Minus porro nemo iste dolorem labore veritatis quae, ea
vitae.
</li>
<li>
Atque maiores necessitatibus, error mollitia in ullam eaque! Optio
adipisci dolores neque quaerat commodi eos consequatur repellat
necessitatibus itaque pariatur, accusamus ad quidem aliquam iusto, quae,
inventore eaque quo doloribus?
</li>
<li>
Amet vel error minima ipsam fugit. Quam, modi sunt autem porro ab
deserunt nobis accusantium expedita exercitationem error eos nisi ullam
architecto cumque vero illum atque corporis, iste, suscipit minus!
</li>
<li>
Dolores accusantium itaque voluptatum totam a molestias recusandae sed
dolor repellendus tempora rem dolorum, eos delectus, nihil obcaecati
quaerat unde molestiae repudiandae laborum quia! Repudiandae molestias
sunt recusandae assumenda numquam.
</li>
<li>
Eveniet quisquam pariatur fuga voluptas impedit ad nihil corporis
maiores, dolorem, libero a voluptatem facere autem aliquid? Dolorem
impedit quasi iste, qui quis dolor, doloribus inventore corrupti id
nostrum possimus.
</li>
<li>
Commodi, quisquam facere voluptatum nostrum id animi reiciendis
provident! In ea optio voluptas similique ullam, saepe dicta debitis
iusto, quasi omnis aperiam voluptatem sequi eius assumenda enim eaque
esse nesciunt!
</li>
<li>
Dolor tenetur aliquam voluptatibus nobis, iste praesentium voluptatem
reiciendis similique eveniet ducimus nostrum quasi architecto molestias
omnis, fuga ea dolorum nulla vitae! Fugit nisi distinctio tenetur in,
omnis sunt veniam?
</li>
<li>
Laboriosam numquam consequuntur exercitationem voluptate similique,
facere maiores expedita iure error libero tenetur debitis? Consequatur
ab quidem nesciunt ea numquam minus accusantium soluta voluptatem
quaerat, dignissimos aliquid id dicta enim.
</li>
<li>
A quasi commodi delectus voluptatum ut, optio officiis quidem eligendi.
Ex excepturi id quidem sint, temporibus, explicabo ea libero
voluptatibus, fuga minima facere vitae consequuntur modi officiis eum
dignissimos. Sit.
</li>
<li>
Quod et recusandae nobis iste maxime. Nisi, magnam tempore. Laudantium
voluptatem, consequatur culpa nesciunt aspernatur ullam deserunt. Quae,
est accusantium quis temporibus accusamus aliquam quidem eos ea
laboriosam dolorem reiciendis!
</li>
<li>
Ea, optio maxime iusto totam distinctio laudantium itaque aperiam
quisquam corporis expedita consectetur reprehenderit tempora accusamus
labore laborum, natus quod ipsum sed tenetur officiis! Repellendus,
voluptates odit! Assumenda, unde. Itaque.
</li>
<li>
Odit veritatis neque nihil impedit ratione officia, quas quo repellendus
id? A sit quam sapiente exercitationem, ea eaque, magnam similique et
mollitia adipisci veniam perferendis tempore corrupti impedit deleniti
voluptatem?
</li>
<li>
Ratione laudantium rem vitae pariatur fugit dicta sapiente at fugiat
nulla optio maiores illo nemo animi eaque eveniet blanditiis, nisi ipsum
libero natus distinctio ipsam? Vero nisi non debitis cupiditate.
</li>
<li>
Quae impedit voluptatem consectetur, ducimus quasi voluptatum saepe
excepturi! Neque sequi beatae ab nulla nisi, soluta minus porro minima
optio eaque, distinctio adipisci, ea asperiores labore obcaecati quidem
qui veritatis.
</li>
<li>
Reiciendis autem tenetur cumque excepturi sapiente tempore quos
molestiae perspiciatis expedita laudantium voluptas rerum numquam,
assumenda adipisci fugit quia quod perferendis saepe laborum libero eum?
Animi cum molestiae adipisci officiis.
</li>
<li>
Ea, ut repudiandae. Nostrum dicta minus, placeat doloribus harum magnam
veniam aliquam aut fugiat neque perferendis consectetur impedit expedita
sequi natus esse cumque rerum deserunt repudiandae eius. Unde, dolorem
consectetur?
</li>
<li>
Fuga vero nihil obcaecati suscipit blanditiis explicabo ipsam
reiciendis. Voluptatem neque asperiores nobis, ipsa molestiae distinctio
officiis rem quae suscipit illum optio, debitis quaerat assumenda
nostrum. Totam labore iste eos!
</li>
<li>
Et sint illo facere assumenda laudantium porro quibusdam perspiciatis
provident deleniti deserunt vero magnam voluptatem corrupti dolore
adipisci, quo molestiae, mollitia illum. Facere officiis nam praesentium
deserunt, rem placeat perferendis!
</li>
<li>
Nisi facere accusantium reprehenderit esse illo architecto minus
inventore quos eius tempore exercitationem doloribus, nihil, aut ipsa
expedita molestias incidunt earum, natus blanditiis veritatis. Quas
architecto expedita laborum esse inventore!
</li>
<li>
Doloribus facere quis non repellendus exercitationem rem aliquam eum,
numquam blanditiis deleniti error ipsum laborum, modi adipisci nam quae
amet molestiae facilis earum. Quisquam earum labore accusantium nostrum
deleniti natus.
</li>
<li>
Odit ducimus error hic repudiandae, vitae iure voluptatibus esse velit
suscipit voluptas similique repellendus delectus eveniet quos repellat
cupiditate alias impedit placeat labore unde doloremque nemo at nobis
eos! Quis!
</li>
<li>
Maiores fugiat voluptates odio voluptatem et laboriosam aliquam dolorum
perferendis nulla totam. At dolores quaerat eos consequuntur nemo.
Dignissimos asperiores cupiditate tempora repudiandae aut perferendis ut
eius corrupti quia porro!
</li>
<li>
Tempora hic at repudiandae accusamus architecto possimus obcaecati quia,
earum, quidem in sit! Voluptatum error deserunt harum labore delectus,
consectetur culpa architecto tenetur quae amet, esse rem et?
Reprehenderit, recusandae.
</li>
<li>
Sed sequi ipsa aut ad ex temporibus earum? Eos, magnam qui! Iste
excepturi nulla rem neque quos sit quas, corrupti consectetur! Earum rem
voluptatibus a maxime tempore, saepe tenetur necessitatibus.
</li>
<li>
Mollitia inventore corrupti omnis eaque voluptates architecto animi
libero ratione ut aperiam, modi velit? Enim assumenda sunt, placeat amet
adipisci sed quaerat. Quisquam consequatur quo praesentium odit laborum
voluptates impedit.
</li>
<li>
Obcaecati delectus ex magni sed veritatis vitae architecto, iusto
assumenda laborum perspiciatis doloribus perferendis? Totam accusantium
quisquam nesciunt eos doloremque vel sequi quae nihil officia magnam
facere, earum ea aspernatur.
</li>
<li>
Vitae, eius culpa quaerat iure voluptate voluptates incidunt deleniti
quisquam reiciendis saepe nostrum corporis asperiores repudiandae quas
labore rem fugiat quia perspiciatis excepturi cum voluptatum optio!
Consequuntur odit sint veritatis?
</li>
<li>
Perferendis animi hic unde quisquam, atque amet totam obcaecati
provident incidunt quas itaque magnam adipisci tempora quo qui expedita.
Quae ea alias corrupti laboriosam reprehenderit enim eveniet eligendi at
officiis.
</li>
<li>
Aliquid at animi illum blanditiis vitae fuga deleniti soluta! Harum,
nulla ea! Facilis porro consequatur illum saepe earum, molestias nemo
eligendi quod labore aliquam officia in sit. Iure, obcaecati sit!
</li>
<li>
Blanditiis facere adipisci laudantium eveniet minus? Sint voluptas
soluta asperiores ea, cumque quasi ad quia, nesciunt facilis tenetur
natus rem. Id incidunt fuga quos perspiciatis veniam iste voluptatum
iure laborum?
</li>
<li>
Minus in provident eligendi vel eum dolores saepe sed cupiditate
molestiae! Odio sit consequatur eos molestias voluptate accusamus ex
quos aspernatur necessitatibus minus quo, tempora eum a quod eius quam.
</li>
<li>
Esse quae iure maxime ullam consequatur beatae dolores? Ad dolore neque
libero dignissimos vero obcaecati magnam eligendi similique accusantium
cupiditate, repudiandae perspiciatis. Ipsum, porro nobis aut beatae
delectus voluptatem maiores!
</li>
<li>
Et dolorem alias qui veritatis ut sequi minus labore, saepe similique
enim, dolorum, laboriosam optio? Exercitationem, accusamus! Laboriosam
quos qui, at natus ipsam nulla eligendi, ut quisquam sit delectus
perspiciatis!
</li>
<li>
Repellendus debitis at amet, sint possimus fugiat explicabo corporis.
Omnis delectus voluptatibus amet. Quam impedit aut, magnam laudantium
error maxime animi veritatis, ad eos molestiae, omnis voluptates ullam
autem nostrum?
</li>
<li>
Necessitatibus eos corporis quidem, tempora voluptatibus repellendus
velit soluta possimus, porro nesciunt deserunt laborum ipsum cupiditate
quibusdam natus. Praesentium rerum in pariatur nisi modi consequatur
corporis labore sunt impedit animi.
</li>
<li>
Fugit, natus similique fugiat eligendi, placeat asperiores eius
perspiciatis optio et, possimus culpa inventore deleniti impedit tempora
laborum? Ducimus magni cumque asperiores eaque quidem numquam laborum
iusto id itaque blanditiis.
</li>
<li>
Ipsam error id, laboriosam perspiciatis nemo molestias natus
voluptatibus velit beatae veritatis sit odio mollitia non ea, aliquid
consequatur dignissimos aliquam consequuntur veniam dolores corrupti
itaque consectetur expedita. Libero, repudiandae?
</li>
</ul>
<script type="module" src="/assets/index.js"></script>
</body>
</html>