Add dash player

pages/live.html

@@ -0,0 +1,48 @@
+---
+layout: default
+permalink: /live.html
+---
+
+<script src="/assets/js/dash.all.min.js"></script>
+
+	<div>
+		<div class="player px-4 py-4">
+			<video
+			class="player"
+			data-dashjs-player
+			autoplay
+			controls
+			muted
+			src="https://cast.alice.ufsj.edu.br/dash/test.mpd"/>
+		</div>
+
+		<div class="player-info mx-3 py-2 is-flex is-flex-direction-row is-align-items-center">
+			
+		</div>
+	</div>
+	
+<style>
+
+	video {
+	/* width: 100%; */
+	/* border: 2px solid #ccc; */
+		border-radius: 15px;
+	}
+
+	video::-webkit-media-controls {
+	background-color: hsl(0, 0%, 14%);
+	}
+
+	video::-webkit-media-controls-play-button {
+	color: #fff;
+	}
+	.player{
+		width: 100%;
+		height: 100%;
+		/* background-color: aqua; */
+	}
+	.player-info{
+		border-radius: 15px;
+		background-color: #0b1a33;
+	}
+</style>