<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html >
<head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title> Artecniko Live</title>
<style>
html, body {
width: 100%;
height: 100%;
/* remove the extra whites around */
margin: 0;
position: relative;
}
#player {
background-color: black;
width: 100%;
height: 100%;
display: block;
}
video {
height: 100vh;
}
.dvJsPlayer {
max-height: 99% !important;
}
#player_itwplayer {
@supports (padding-top: env(safe-area-inset-top)) {
.selector {
–safe-area-inset-top: env(safe-area-inset-top);
height: calc(100% + var(–safe-area-inset-top));
}
}
max-height: 99% !important;
width: 100%;
}
</style>
</head>
<div id=’player’></div>
<div id=”dvMessage” style=”display: none; height: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; color: white; font-size: 20px; max-width: 500px; width: 100%; font-family: Myriad Pro, Arial”>
<span id=”lblMessage”>an error has occured or your browser is out of date please update</span>
<script type=”text/javascript” src=”https://player.kwikmotion.com/ClientsTemplates/Artecniko/KwikLink_311592e7-13f8-4268-b02a-633895abae3b.js”></script>
<script>
kwikMotion(“player”, {
aspectratio: “16:9”,
mediaid: “artecnikolive”,
sources: [
{file: “https://svs.itworkscdn.net/artecnikolive/art.smil/playlist.m3u8”},
{file: “https://svs.itworkscdn.net/artecnikolive/art.smil/manifest.mpd”},
{file: “https://svs.itworkscdn.net/artecnikolive/art.smil/Manifest”}],
});
</script>
</div>
</body>
</html>