Artecniko Live

<!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>

image_print