<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IcyTV - {{ name }}</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/dist/css/player.css">
<script type="text/javascript">
const STREAM_SERVER = "{{ server }}"
const STREAM_NAME = "{{ name }}"
</script>
</head>
<body>
<div class="livecnt">
<div class="videobox">
<video id="stream"></video>
</div>
<div class="overlay">
<div class="live offline">offline</div>
<div class="bigplaybtn hidden"><i class="fa fa-play fa-fw"></i></div>
<div class="controls">
<div id="playbtn" class="inline ilbtn"><i class="fa fa-play fa-fw"></i></div>
<span class="seekview">
<div id="mutebtn" class="inline ilbtn"><i class="fa fa-volume-up fa-fw"></i></div>
<div class="seeker" id="volume_seek">
<div class="seekbar" style="width: 100%"></div>
</span>
<div id="duration">0:00</div>
<div id="fullscrbtn" class="right ilbtn"><i class="fa fa-expand fa-fw"></i></div>
<script src="/dist/player.bundle.js"></script>
</body>
</html>