Notes

[@MNQ@!DOCTYPE html>

@MNQ@html lang="en" class="h-100">
@MNQ@head>
@MNQ@meta charset="utf-8" />

@MNQ@meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@MNQ@title>@MNQ@/title>

@MNQ@base href="http://demos.telerik.com/kendo-ui/scheduler/index">
@MNQ@style>html { font-size: 19px; font-family: Arial, Helvetica, sans-serif; }@MNQ@/style>
@MNQ@body bgcolor="#363636">


@MNQ@title>BEIN SPORTS@MNQ@/title>

@MNQ@link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" />
@MNQ@link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.materialblack.min.css" />
@MNQ@link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.mobile.flat.min.css" />

@MNQ@script src="http://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js">@MNQ@/script>
@MNQ@script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js">@MNQ@/script>

@MNQ@/head>
@MNQ@body>
@MNQ@div id="example">
@MNQ@div class="demo-section k-content wide" style="max-width: 925px;">
@MNQ@div id="mediaplayer" style="height:215px">@MNQ@/div>
@MNQ@div class="k-list-container playlist">@MNQ@ul id="listView" class="k-list">@MNQ@/ul>@MNQ@/div>
@MNQ@/div>
@MNQ@script type="text/javascript">
$(document).ready(function () {

$("#mediaplayer").kendoMediaPlayer({
autoPlay: true
});

var videos = new kendo.data.DataSource({
data: [{
title: "BEİN SPORTS HD 1",
poster: "https://i.resimyukle.xyz/zcHOVd.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/62449.m3u8?token=HRELUxdcQAkRAVEIUgQEBAIGBlNcV1VYUgVWVl0BAwdWUAEFXQVVAgYQThNFQhADUQhuWABBX1cDAgFfSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWBUHVwdVAUYYQFZLRgdDWFcOOVQAR1gHBkdbX0NZCklAWFs5VwZfBVoGEQkQUxMaFAsVQEcLXxEPCU0TVFwSFwNDUEQJQQNdBVoRHxABXkNYFhRJRwsTMDFHTRNTTRIADERcCV1BCEZZUUYLEE4TX0U9FFUWRUMBAggEQxQPRFRAGxcLUhttB1sMXVZRFlhZWBFECkcBE0hBCA5fX0EJFz1HXAIRWRBWBVAHBxAf=="
},
{
title: "BEİN SPORTS HD 2",
poster: "https://i.resimyukle.xyz/fLKcxK.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/62450.m3u8?token=HRELUxdcQAkRBABUBAFQXlFWBVNUVVRYBwcNX1UHVlECUlAHVg0AUgYQThNFQhADUQhuWABBX1cDAgBWSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "BEİN SPORTS HD 3",
poster: "https://i.resimyukle.xyz/R3BTNQ.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/45359.m3u8?token=HRELUxdcQAkRBAQCBgBRXgYBUgJWVVADCFVUUF1WDlBUCgcABlEHUQAQThNFQhADUQhuWABBX1UEBQBfSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "BEİN SPORTS HD 4",
poster: "https://i.resimyukle.xyz/NWA3BP.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/45358.m3u8?token=HRELUxdcQAkRAlpVAwQBA1YACQZTBgNXV1VWBQAAUgEEVQAAVQdUVQYQThNFQhADUQhuWABBX1UEBQBeSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "BEİN SPORTS MAX 1",
poster: "https://i.resimyukle.xyz/KMHOS8.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/62457.m3u8?token=HRELUxdcQAkRVFcAUAQGB1JQVVVTAQRQUwIAUAcGBVMAClYHUVAGBVUQThNFQhADUQhuWABBX1cDAgBRSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "S SPORT",
poster: "https://i.resimyukle.xyz/KyfVVB.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/56328.m3u8?token=HRELUxdcQAkRVlFVV1QDVgZVAANWBwdSCQ9UAF1XBQVeVQILVQIDCwYQThNFQhADUQhuWABBX1QHBQdeSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWBUNUwFVEEgWB0tHVxBfV1o9AlUTWFIBQV8PRFpZSkcNWWoCVg5TClBACREDQB0UXxEWEl9fRAgPSUNTX0EUBBZSF1wRUQJSDEAfEVENRFhCEB8SXxNlNkFJQ1ROQQMLEV5aCBFZEAkHFwsRHkBYRWkQA0MRQ1QFDgATEwwXV0dOFVgHSzxRC1oMVlBGC15YRUBcElUTHUYOCg9YQloUOhJeUUQJQQpRA1ARTg=="
},
{
title: "S SPORT 2",
poster: "https://i.resimyukle.xyz/cz5ff2.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/56382.m3u8?token=HRELUxdcQAkRUwRXVw9SUwRcUAgHBlJRU1ICAlJaVFQCClQCVwFRUFYQThNFQhADUQhuWABBX1QHBQ1USUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWBUMUgtVEEgWB0tHVxBfV1o9AlUTWFIBQV8PRFpZSkcNWWoCVg5TClBACREDQB0UXxEWEl9fRAgPSUNTX0EUBBZSF1wRUQNWAUAfEVENRFhCEB8SXxNlNkFJQ1ROQQMLEV5aCBFZEAkHFwsRHkBYRWkQA0MRQ1QFDgATEwwXV0dOFVgHSzxRC1oMVlBGC15YRUBcElUTHUYOCg9YQloUOhJeUUQJQQNUAVABEU8="
},
{
title: "FB TV",
poster: "https://i.resimyukle.xyz/5HeNa7.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/43016.m3u8?token=HRELUxdcQAkRUQZQUAZUUANQAwlQB1xZBFJUB1VUUw1VAVVXAFVTBwEQThNFQhADUQhuWABBX1UCBgRQSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "TİVİBUSPOR 1",
poster: "https://i.resimyukle.xyz/3fL3RH.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/43121.m3u8?token=HRELUxdcQAkRAlAIUw9bA1NdAgECVAMCUgIBUwZVAQZTCgUBAQJVCgQQThNFQhADUQhuWABBX1UCBwdXSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "TİVİBU SPOR 2",
poster: "https://i.resimyukle.xyz/zxQ6L1.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/62459.m3u8?token=HRELUxdcQAkRVFYIV1RUAwkBAVQCBwBSUgJUB11VBlQEA1NRVQFaBVcQThNFQhADUQhuWABBX1cDAgBfSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWBUEUAtWAUYYQFZLRgdDWFcOOVQAR1gHBkdbX0NZCklAWFs5VwZfBVoGEQkQUxMaFAsVQEcLXxEPCU0TVFwSFwNDUEQJQQFQBFERHxABXkNYFhRJRwsTMDFHTRNTTRIADERcCV1BCEZZUUYLEE4TX0U9FFUWRUMBAggEQxQPRFRAGxcLUhttB1sMXVZRFlhZWBFECkcBE0hBCA5fX0EJFz1HXAIRWRBWAVICABAf=="
},
{
title: "TİVİBU SPOR 3",
poster: "https://i.resimyukle.xyz/G15xLN.jpg",
source: "http://138.201.131.66:25461/live/tipo25/M3v6hksftu/62460.m3u8?token=HRELUxdcQAkRU1dQBgNQBQdSUlVSAV0AUg8DAAZUBlZQAVUEB1ZXUVEQThNFQhADUQhuWABBX1cDAgNWSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWFlACl9PEAFMFlZBXANdaVIHEFkGVBNeDRANXRoXCQs9U1ALUg1WRg5AAhEeQFhFRkBcXhBdXUhBBwhFRFQSAEANWxNfDx5GVw1GXUYQSBQMQDJiRx0TARsRBF9FXAkLQA0XCwAWCkYYQFpAbRBURUIQA1EIVENGWUdQExoXCwQaaFYJXQ1XB0ALXF1BQAsUBkBKEgheXw0XChNuRlwCR1hZQApfHg=="
},
{
title: "BEİN SPORTS HABER",
poster: "https://i.resimyukle.xyz/TGOcTK.jpg",
source: "http://190.2.131.8:25461/live/tipo25/M3v6hksftu/67832.m3u8?token=HRELUxdcQAkRVFQAVQFVAghTCQcGWlZWBwJXVVMHB1dXB1oGVlJaCwUQThNFQhADUQhuWABBX1cGDgZUSUBCRgNBPFsAFlgRAgVVBQAUTkREDFxURllVTRNGXAJHWBUHVApbB0YYQFZLRgdDWFcOOVQAR1gHBkdbX0NZCklAWFs5VwZfBVoGEQkQUxMaFAsVQEcLXxEPCU0TVFwSFwNDUEQJQQBVBVcRHxABXkNYFhRJRwsTMDFHTRNTTRIADERcCV1BCEZZUUYLEE4TX0U9FFUWRUMBAggEQxQPRFRAGxcLUhttB1sMXVZRFlhZWBFECkcBE0hBCA5fX0EJFz1HXAIRWRBdBFcBEU8="
},
{
title: "BEIN SPORTS HABER(YEDEK)",
poster: "https://i.resimyukle.xyz/TGOcTK.jpg",
source: "http://5.199.136.243/tv-stream/chnbhbr/stream.m3u8"
},
{
title: "BEIN SPORTS HD 1(YEDEK)",
poster: "https://i.resimyukle.xyz/zcHOVd.jpg",
source: "http://5.199.136.243/tv-stream/chnb1/stream.m3u8"
},
{
title: "BEIN SPORTS HD 2(YEDEK)",
poster: "https://i.resimyukle.xyz/fLKcxK.jpg",
source: "http://5.199.136.243/tv-stream/chnb2/stream.m3u8"
},
{
title: "BEIN SPORTS HD 3(YEDEK)",
poster: "https://i.resimyukle.xyz/R3BTNQ.jpg",
source: "http://5.199.136.243/tv-stream/chnb3/stream.m3u8"
},
{
title: "BEIN SPORT HD MAX 1",
poster: "https://i.resimyukle.xyz/KMHOS8.jpg",
source: "http://5.199.136.243/tv-stream/chnbm1/stream.m3u8"
},
{
title: "BEIN SPORTS HD MAX 2",
poster: "https://i.resimyukle.xyz/KMHOS8.jpg",
source: "http://5.199.136.243/tv-stream/chnbm2/stream.m3u8"
},
{
title: "SPOR SMART",
poster: "https://i.resimyukle.xyz/BCUNHA.jpg",
source: "http://5.199.136.243/tv-stream/chnsmrt/stream.m3u8"
},
{
title: "S SPORT",
poster: "https://i.resimyukle.xyz/KyfVVB.jpg",
source: "http://5.199.136.243/tv-stream/chnss/stream.m3u8"

}@CCORCH@

});

var listView = $("#listView").kendoListView({
dataSource: videos,
selectable: true,
scrollable: true,
template: kendo.template($("#template").html()),
change: onChange,
dataBound: onDataBound
});

function onChange() {
var index = this.select().index();
var dataItem = this.dataSource.view()[index@CCORCH@;
$("#mediaplayer").data("kendoMediaPlayer").media(dataItem);
}

function onDataBound() {
this.select(this.element.children().first());
}

});
@MNQ@/script>
@MNQ@script type="text/x-kendo-template" id="template">
@MNQ@li class="k-item k-state-default" onmouseover="$(this).addClass('k-state-hover')"
onmouseout="$(this).removeClass('k-state-hover')">
@MNQ@span>
@MNQ@img src="#:poster#" />
@MNQ@h5>#:title#/h5>

</span>

</li>

</script>

<style>

.k-mediaplayer {
float: left;
box-sizing: border-box;
width: 100%;
}

.playlist {
float: left;
height: 360px;
overflow: auto;
width: 70%;
}
@media(max-width: 800px)

{
.playlist,
.k-mediaplayer {
width: 100%;
}}

.playlist ul, .playlist li {
list-style-type: none;
margin: 0;
padding: 0;
}

.playlist .k-item {
border-bottom-style: solid;
border-bottom-width: 2px;
padding: 3px 15px;
}

.playlist .k-item:last-child {
border-bottom-width: 0;
}

.playlist span {
cursor: pointer;
display: block;
overflow: hidden;
text-decoration: none;
}

.playlist span img {
border: 0 none;
display: block;
height: 50px;
object-fit: cover;
width: 100px;
float: left;
}

.playlist h5 {
display: block;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-left: 10px;
text-align: left;
}
</style>

</div>


</body>

</html>]