[Design] Integrate plyr.io

2020-01-21 03:15:35 +05:30
parent 751506dc14
commit fd3726f5a4
2 changed files with 36 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Redacted Life</title>
 	<link href="assets/css/index.css" rel="stylesheet" type="text/css">
+	<link rel="stylesheet" href="assets/plyr/plyr.css" />
 </head>

 <body>
@@ -15,6 +16,11 @@
 		<div class="wrapper">
 			<div class="content">
 				<h1>Redacted Life</h1>
+				<div class="player">
+					<video id="player">
+						<source src="assets/videos/sample.mp4" type="video/mp4" />
+					</video>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -30,6 +36,12 @@
 			</footer>
 		</div>
 	</div>
+	<script src="assets/plyr/plyr.js"></script>
+	<script>
+const player = new Plyr("#player", {
+	iconUrl: "assets/plyr/plyr.svg",
+});
+	</script>
 </body>

 </html>