-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (143 loc) · 11.1 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
<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/video.mp4" />
</video>
<button>Play/Pause</button>
<button id="mute_btn">Mute/UnMute</button>
</main>
<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.ts"></script>
</body>
</html>