<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>SVBC TTD LIVE</title><style type="text/css">body {	margin: 0;	padding: 0;	font-size: 14px;	font-family: Tahoma, Geneva, sans-serif;	color: #000; }#wrap {	width: 100%;	margin: 0 auto;	background: #ee3a42;}.full_bg {	overflow: hidden;	margin: 0 auto;	background: url(img_1.jpg) no-repeat center 0;	}.container {	overflow: hidden;	width: 960px;	margin: 0 auto;}.top {	overflow: hidden;	height: 585px;}.player {	overflow:hidden;	width: 640px;	margin: -10px auto;}.mediaspace {	width: 640px;	margin: 0 auto;}.footer {	overflow: hidden;	height: 300px;	margin: 0 0 30px;}ul {  overflow: auto;  list-style-type: none;} li {  height: 25px;  float: left;  margin-right: 0px;  border-right: 1px solid #aaa;  padding: 0 20px;} li:last-child {  border-right: none;} li a {  text-decoration: none;  color: #ccc;  font: 16px/1 Helvetica, Verdana, sans-serif;  text-transform: uppercase;   -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;} li a:hover {  color: #666;  cursor: pointer;} li.active a {  font-weight: bold;  color: #333;}#Reception{    margin-left: 153px;/*margin-top: -36px;*/} 
		.text{ 
	padding-top: 130px;
	}
	</style>
	
	</head><body>	
	
	<script>
	    	if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
}
	</script>

	
	<div id="wrap">    	<div class="full_bg">       	  <div class="container">                <div class="top"></div>                <div>                    <div id="Reception">             <h3 style="color: #db4b3c;"></h3>             </div>                      <div class="player">
	<div align="center">
	<!--<iframe width="640" height="420" src="cdntest.html" frameborder="0" allowfullscreen></iframe>-->
	
<div id='mediaspace'></div>  
		
		<script src="https://cdn.jsdelivr.net/gh/clappr/clappr@latest/dist/clappr.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.js"></script>
  </head>

  <body>
    <link href="https://vjs.zencdn.net/8.3.0/video-js.css" rel="stylesheet">
<video
    id="my-video"
    class="video-js vjs-default-skin"
    controls
    preload="auto"
    width="640"
    height="360"
    data-setup='{}'>
    <source src="https://player.mslivestream.net/telugu/5d076e5c3d34cb8bb08e54a4bb7e223e.sdp/playlist.m3u8" type="application/x-mpegURL">
    Your browser does not support the video tag or HLS playback.
  </video>

  <!-- Video.js JavaScript -->
  <script src="https://vjs.zencdn.net/8.3.0/video.min.js"></script>

</div>  </div>
	<a href="#"><h2 class="text" align="center"></h2></a>
	
	
	
	<div class="img_bot"></div>    </div>                </div>                </div>                <div class="footer"></div>            </div>        </div>    </div>        <script type="text/javascript" src="lib/jquery-1.10.1.min.js"></script>    <script type="text/javascript">		$(document).ready(function() {			/*			 *  Simple image gallery. Uses default settings			 */						/*			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.			*/                                              $('ul li').click(function(){                                                    //  alert("dfsdfg");                          $('ul li').removeClass('active');                                                    $(this).addClass('active');                                                    document.getElementById("liveframe").src=$(this).attr("title");                       });                       								});	</script>        </body></html>	