Notes

@MNQ@!doctype html> @MNQ@html lang="en"> @MNQ@head> @MNQ@!-- Required meta tags --> @MNQ@meta charset="utf-8"> @MNQ@meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> @MNQ@!-- Material Design for Bootstrap fonts and icons --> @MNQ@link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet"> @MNQ@link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> @MNQ@link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet"> @MNQ@link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> @MNQ@!-- Compiled and minified CSS --> @MNQ@link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> @MNQ@!-- Material Design for Bootstrap CSS --> @MNQ@script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">@MNQ@/script> @MNQ@script src="https://lyricsbd.github.io/hola/hola_player.js">@MNQ@/script> @MNQ@div class="player">@MNQ@/div> @MNQ@video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9" preload="auto" data-setup="{}">@MNQ@/video> @MNQ@script> var currTime = new Date().getTime(); var currUrl = window.location.href; (function(){ var player = window.hola_player({ player: "#my-video", auto_play: false, muted: true, playsInline: true, html5: true, dvr: true, controls: true, share: false, width: "100%", height: "100%", aspectRatio: "16:9", poster: "https://i.imgyukle.com/2020/12/10/YczRSp.md.png", sources: [{ src: '', type: 'application/x-mpegurl'}@CCORCH@ });})(); @MNQ@/script> @MNQ@script> window.hola_player({ swf: "https://cdnjs.cloudflare.com/ajax/libs/hola_player/1.0.165/videojs.swf", osmf_swf: "https://cdnjs.cloudflare.com/ajax/libs/hola_player/1.0.165/videojs-osmf.swf", }); @MNQ@/script> @MNQ@style> html,body { background-color: #000; margin: 0; width: 100%; height: 100%; position: relative; margin-top:-2px; } .card .card-content { padding: 0px; } .card { background-color: transparent; } .row .col { padding: 4px; margin-bottom: -21px; } .play-image { border-radius:0px; display:block; width: 100%; height: 110px; opacity: 1; animation: fadeIn 5s ease; transition: opacity 500ms ease-in-out 100ms;*/ } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .image-wrapper { margin: 0 auto; width: 100%; overflow: hidden; position: relative; } .img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition-timing-function: ease-in; } .image-wrapper:hover img { -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -o-transform: scale(1.09); -ms-transform: scale(1.09); /* IE 9 */ transform: scale(1.09); transition-timing-function: ease-in; transition: all .5s ease; } .overlay{ transition: 0.5s padding; left: 0px; padding: 10px 9px; position: absolute; bottom: 0px; background-color: #606060; background: rgba(24, 24, 24, 0.5); width: 100%; text-align: center; height: 0; transition: height 0.5s ease; font-family: "Open Sans", Arial, sans-serif; font-weight: 500; font-size: 14px; line-height:1px; white-space: nowrap; text-overflow: ellipsis; color: #fff; } div:hover .overlay{ height: 20px; } @MNQ@/style> @MNQ@/head> @MNQ@body class="#DDBF1A"> @MNQ@body bgcolor="#121212"> @MNQ@div class="row" id="liste"> @MNQ@div class="playlist-item" data-src="https://tv-trt1.live.trt.com.tr/master_720.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7lvv.jpg"> @MNQ@div class="overlay">Trt 1@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_trt1/smil:trt1_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7lvv.jpg"> @MNQ@div class="overlay">Trt 1@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://lcgid8xu.rocketcdn.com/startvhd.stream_720p/chunklist.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> @MNQ@div class="overlay">Star@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_star/smil:star_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> @MNQ@div class="overlay">Star@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://xrklj56s.rocketcdn.com/eurostar.stream_720p/chunklist.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> @MNQ@div class="overlay">Euro Star@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_showtv/smil:show_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgESiU.jpg"> @MNQ@div class="overlay">Show Tv@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/showmax_yeni.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEIO1.jpg"> @MNQ@div class="overlay">Show Max@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/showturk_yeni.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEhVc.jpg"> @MNQ@div class="overlay">Show Türk@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_showturk/showturk_sd.smil/chunklist_b2096000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEhVc.jpg"> @MNQ@div class="overlay">Show Türk@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_kanald/smil:kanald_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgE1sv.jpg"> @MNQ@div class="overlay">Kanal D@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_eurod/smil:eurod_sd.smil/chunklist_b2096000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEedM.md.jpg"> @MNQ@div class="overlay">Euro D@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://str01.antensiz.tv:25461/live/tv/tv/279.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRkSb.jpg"> @MNQ@div class="overlay">Atv@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/atvavrupa_yeni.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEMSj.jpg"> @MNQ@div class="overlay">Atv Avrupa@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8/smil:tv8_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRaX6.jpg"> @MNQ@div class="overlay">Tv8@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8_5/smil:tv8_5_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRHep.jpg"> @MNQ@div class="overlay">Tv8,5@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8_int/smil:tv8int_sd.smil/chunklist_b2096000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRXwn.jpg"> @MNQ@div class="overlay">Tv8 int@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_kanal7/smil:kanal7_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRDeA.md.jpg"> @MNQ@div class="overlay">Kanal 7@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://str01.antensiz.tv:25461/live/tv/tv/206.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRvHI.jpg"> @MNQ@div class="overlay">Kanal 7 Avrupa@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_foxtv/smil:foxtv_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR2pb.md.jpg"> @MNQ@div class="overlay">Fox@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_beyaztv/smil:beyaztv_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR83c.jpg"> @MNQ@div class="overlay">Beyaz Tv@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_teve2/smil:teve2_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRMKN.jpg"> @MNQ@div class="overlay">Teve2@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_a2/smil:a2_sd.smil/chunklist_b2064000.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR6DY.jpg"> @MNQ@div class="overlay">A2@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:8080/Entry/360hd_yeni/index.m3u8"> @MNQ@div class="col s6"> @MNQ@div class="card"> @MNQ@div class="card-content"> @MNQ@div class="image-wrapper"> @MNQ@img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRdop.jpg"> @MNQ@div class="overlay">360@MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">@MNQ@/script> @MNQ@script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js">@MNQ@/script> @MNQ@script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js">@MNQ@/script> @MNQ@script> $(function() { $("img.play-image").Lazy({ effect: "fadeIn", effectTime: 3000, threshold: 0 }); }); @MNQ@/script> @MNQ@script> videojs.addLanguage('tr', { "Play": "Oynat", "Pause": "Duraklat", "Replay": "Yeniden Oynat", "Current Time": "Süre", "Duration": "Toplam Süre", "Remaining Time": "Kalan Süre", "Stream Type": "Yayın Tipi", "LIVE": "CANLI(tvtürk)", "Loaded": "Yüklendi", "Progress": "Yükleniyor", "Fullscreen": "Tam Ekran", "Non-Fullscreen": "Küçük Ekran", "Mute": "Ses Kapa", "Unmute": "Ses Aç", "Playback Rate": "Oynatma Hızı", "Subtitles": "Altyazı", "subtitles off": "Altyazı Kapalı", "Captions": "Altyazı", "captions off": "Altyazı Kapalı", "Chapters": "Bölümler", "Close Modal Dialog": "Dialogu Kapat", "Descriptions": "Açıklamalar", "descriptions off": "Açıklamalar kapalı", "Audio Track": "Ses Dosyası", "You aborted the media playback": "Video oynatmayı iptal ettiniz", "A network error caused the media download to fail part-way.": "Video indirilirken baÄŸlantı sorunu oluÅŸtu.", "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video oynatılamadı, aÄŸ ya da sunucu hatası veya belirtilen format desteklenmiyor.", "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Tarayıcınız desteklemediÄŸi için videoda hata oluÅŸtu.", "No compatible source was found for this media.": "Video için kaynak bulunamadı.", "The media is encrypted and we do not have the keys to decrypt it.": "Video, ÅŸifrelenmiÅŸ bir kaynaktan geliyor ve oynatmak için gerekli anahtar bulunamadı.", "Play Video": "Videoyu Oynat", "Close": "Kapat", "Modal Window": "Modal Penceresi", "This is a modal window": "Bu bir modal penceresidir", "This modal can be closed by pressing the Escape key or activating the close button.": "Bu modal ESC tuÅŸuna basarak ya da kapata tıklanarak kapatılabilir.", ", opens captions settings dialog": ", altyazı ayarları menüsünü açar", ", opens subtitles settings dialog": ", altyazı ayarları menüsünü açar", ", opens descriptions settings dialog": ", açıklama ayarları menüsünü açar", ", selected": ", seçildi", "captions settings": "altyazı ayarları", "subtitles settings": "altyazı ayarları", "descriptions settings": "açıklama ayarları", "Text": "Yazı", "White": "Beyaz", "Black": "Siyah", "Red": "Kırmızı", "Green": "YeÅŸil", "Blue": "Mavi", "Yellow": "Sarı", "Magenta": "Macenta", "Cyan": "Açık Mavi (CamgöbeÄŸi)", "Background": "Arka plan", "Window": "Pencere", "Transparent": "Saydam", "Semi-Transparent": "Yarı-Saydam", "Opaque": "Mat", "Font Size": "Yazı Boyutu", "Text Edge Style": "Yazı Kenarlıkları", "None": "Hiçbiri", "Raised": "Kabartılmış", "Depressed": "Yassı", "Uniform": "Düz", "Dropshadow": "Gölgeli", "Font Family": "Yazı Tipi", "Proportional Sans-Serif": "Orantılı Sans-Serif", "Monospace Sans-Serif": "EÅŸaralıklı Sans-Serif", "Proportional Serif": "Orantılı Serif", "Monospace Serif": "EÅŸaralıklı Serif", "Casual": "Gündelik", "Script": "El Yazısı", "Small Caps": "Küçük Boyutlu Büyük Harfli", "Done": "Tamam", "Caption Settings Dialog": "Altyazı Ayarları Menüsü", "Beginning of dialog window. Escape will cancel and close the window.": "Diyalog penceresinin baÅŸlangıcı. ESC tuÅŸu iÅŸlemi iptal edip pencereyi kapatacaktır." }); @MNQ@/script> @MNQ@script> var player = videojs('my-video', { fluid: true, controls: true, }); $('.play-image').click(function() { var itemEl = $(this).closest('.playlist-item'), src = itemEl.data('src'), poster = itemEl.find('img').attr('src'); player.poster(poster); player.src({ src: src }); player.play(); window.scrollTo(0, 0); $('body').scrollTop(0);}); @MNQ@/script> @MNQ@style> .vjs-default-skin .vjs-big-play-button { font-size: 3em; color: white; line-height: 65px; height: 70px; width: 70px; border: 2px solid rgba(255, 255, 255, 0.6); border-radius:90px; left: 57%; top: 65%; margin-left: -1em; margin-top: -1em; } @MNQ@/style> @MNQ@script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject'@CCORCH@=r;i[r@CCORCH@=i[r@CCORCH@||function(){ (i[r@[email protected]=i[r@[email protected]||[@CCORCH@).push(arguments)},i[r@[email protected]=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0@CCORCH@;a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-131161723-2', 'auto'); ga('send', 'pageview'); @MNQ@/script> @MNQ@script async src="https://www.googletagmanager.com/gtag/js?id=UA-121947205-2">@MNQ@/script> @MNQ@script> window.dataLayer = window.dataLayer || [@CCORCH@; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-121947205-2'); @MNQ@/script> @MNQ@/body> @MNQ@/html>]
[@MNQ@!DOCTYPE html> @MNQ@html lang="tr"> @MNQ@head>@MNQ@meta charset="UTF-8" /> @MNQ@meta http-equiv="X-UA-Compatible" content="IE=edge"> @MNQ@meta name="viewport" content="width=device-width, initial-scale=1"> @MNQ@meta name="viewport" content="width=device-width, initial-scale=1.0" /> @MNQ@title>Plyr Player Video@MNQ@/title> @MNQ@link href="https://unpkg.com/plyr@3/dist/plyr.css" rel="stylesheet"> @MNQ@link rel="stylesheet" href="https://cdn.plyr.io/3.6.2/plyr.css"/> @MNQ@script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">@MNQ@/script> @MNQ@script src="https://cdn.plyr.io/3.6.2/plyr.js">@MNQ@/script> @MNQ@div id="container_video"> @MNQ@div class="container player"> @MNQ@div id="App"> @MNQ@ul id="VideoNav">@MNQ@/ul> @MNQ@div id="tree"> @MNQ@vue-tree-navigation:items="items":defaultOpenLevel="5">@MNQ@/vue> @MNQ@div class="modal"> @MNQ@div class="content"> @MNQ@video controls crossorigin playsinline id="player" poster="https://i.imgyukle.com/2020/10/03/5gsSJ8.png"> @MNQ@source src="http://alierkut.mine.nu:8004/hls/vipdizi2.m3u8" type="application/x-mpegurl"> @MNQ@/video> @MNQ@div class="modal-close">X@MNQ@/div> @MNQ@div id="Dict"> @MNQ@div class="box-inner"> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@/div> @MNQ@li style="max-height:100%; overflow-y:scroll;"> @MNQ@ul id="playlist"> @MNQ@li class="list-group-item active" data-src="http://alierkut.mine.nu:8004/hls/vipdizi2.m3u8">Sinema Tv 1@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi3.m3u8">Sinema Tv 2@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi4.m3u8">Sinema Tv 3@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi5.m3u8">Sinema Tv 4@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi6.m3u8">Sinema Tv 5@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi7.m3u8">Sinema Tv 6@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi8.m3u8">Sinema Tv 7@MNQ@/li> @MNQ@li class="list-group-item" data-src="http://alierkut.mine.nu:8004/hls/vipdizi9.m3u8">Sinema Tv 8@MNQ@/li> @MNQ@/ul> @MNQ@/li> @MNQ@style> @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap"); * { margin: 0; padding: 0; @include box-sizing(border-box); } body{ font-family: "Montserrat"; background-color: black; width: 100%; height:100%; padding-left:0px; padding-right:0px; padding:0px; margin:0px; margin-top:-22px; } #playlist{ border: solid 0px #fff; border-radius: 0px; text-align: center; } .list-group-item{ mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), inset 0 0 0px rgba(255, 255, 255, 0.6); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%); outline :0px solid rgba(0,0,0,0.2); width: 100%; height:35px; transition:all 0.1s; border-bottom: solid 2px #ccc; display:block; transition: all .1s ease; position: relative; color: white; text-decoration:none; font-weight: 600; } .list-group-item.active { color: #FFF; background: #344a59; transition: all .1s ease; } .li { border-bottom: solid 2px #ccc; text-transform: capitalize; width: 100%; padding: 0px; display: block; color: white; text-decoration:none; } ul{ width:100%; background:#121212; color:black; list-style-type:none; margin:0px; padding:0px; font-size: 21px; line-height:35px; } .player{ --plyr-color-main: #fff; --plyr-badge-background:#00adef; --plyr-badge-text-color:#000; --plyr-control-spacing: 16px; --plyr-control-icon-size: 19px; --plyr-range-thumb-background: white; --plyr-control-padding: calc(var(--plyr-control-spacing) * 1.5); --plyr-control-radius:24px; --plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); --plyr-video-control-background-hover: rgba(0, 0, 0, 0.75); --plyr-video-control-color: #fff; --plyr-control-toggle-checked-background: #00adef; --plyr-menu-background: rgba(0, 0, 0, 0.75); --plyr-menu-color: #fff; --plyr-menu-radius: 4px; --plyr-menu-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); --plyr-menu-item-arrow-color: #fff; --plyr-menu-item-arrow-size: 8px; --plyr-menu-border-color: #000; --plyr-menu-border-shadow-color: #000; --plyr-progress-loading-background:rgba(255, 255, 255, 0.1); --plyr-video-progress-buffered-background:rgba(255, 255, 255, 0.3); --plyr-audio-progress-buffered-background:rgba(255, 255, 255, 0.3); --plyr-range-thumb-height:16px; --plyr-range-fill-background:#00adef; --plyr-tooltip-radius:4px; --plyr-font-size-small:14px; --plyr-font-size-base:16px; } .transform-active{animation:flash 1s infinite;display:inline-block!important;opactity:0} @keyframes flash { 0%{opacity:.6;-moz-box-shadow:0 0 0 0 rgba(255,255,255,0.5);box-shadow:0 0 0 0 rgba(255,255,255,0.6)} 70%{-moz-box-shadow:0 0 0 20px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{opacity:0;display:none;-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)} } .plyr--video:before, .plyr--video:after { position: absolute; content: ""; z-index: 2; opacity: 0; transition: 0.2s opacity cubic-bezier(0, 0.51, 1, 0.49); } /* line 13, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--video:before { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(18, 18, 18, 0.6); } /* line 20, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--video:after { width: 50px; height: 50px; background: url("http://jorgecardoso.eu/static/assets/images/ajax-loader.svg"); top: 50%; left: 50%; transform: translate(-50%, -50%); } /* line 29, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--video.plyr--loading:before { opacity: 1; } /* line 32, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--video.plyr--loading:after { opacity: 1; } /* line 39, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--full-ui input[type=range@CCORCH@ { color: #FFAD1F; } /* line 43, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__control--overlaid { background: rgba(255, 173, 31, 0.8); } /* line 47, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true@CCORCH@ { background: #FFAD1F; } /* line 53, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(255, 173, 31, 0.6); } /* line 57, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__menu__container .plyr__control[role=menuitemradio@CCORCH@[aria-checked=true@CCORCH@::before { background: #FFAD1F; } /* line 62, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls .plyr__controls__item.plyr__progress__container { position: absolute; bottom: 40px; margin: 0 !important; left: 10px; right: 10px; } /* line 82, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls .plyr__controls__item.plyr__volume:hover input[type='range'@CCORCH@ { width: 100%; opacity: 1; } /* line 88, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause@CCORCH@ { margin-right: 0; } /* line 92, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls .plyr__controls__item.plyr__time { position: absolute; bottom: 58px; font-size: 12px; } /* line 96, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls .plyr__controls__item.plyr__time.plyr__time--current { left: 4px; } /* line 99, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__controls .plyr__controls__item.plyr__time.plyr__time--duration { right: 4px; } /* line 71, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__volume { margin-right: auto !important; margin-left: 5px !important; } /* line 75, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .plyr__volume input[type='range'@CCORCH@ { width: 0; opacity: 0; cursor: pointer; transition: 0.2s all cubic-bezier(0, 0.51, 1, 0.49); } /* line 106, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-rewind, .js-forward { margin-left: 5px; border-radius: 3px; height: 32px; position: relative; border: none; background: none; cursor: pointer; outline: 0 !important; background-color: rgba(255, 173, 31, 0); transition: 0.1s background-color cubic-bezier(0, 0.51, 1, 0.49); } /* line 117, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-rewind:hover, .js-forward:hover { background-color: #ffad1f; } /* line 120, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-rewind svg g, .js-forward svg g { fill: white; } /* line 123, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-rewind span, .js-forward span { position: absolute; font-size: 11px; color: white; bottom: 0; } /* line 131, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-rewind .time-rewind { left: 13px; } /* line 136, /Users/tanhnguyen/Desktop/360life/player360/sass/_skin.scss */ .js-forward .time-forward { right: 13px; } .plyr--video .plyr__controls { background: rgba(30, 30, 30, 0.0); padding: 0.120rem 0.25rem; border-radius: 0px; margin: 0.2rem; } #App { width: 100%; top:0; left:0; display: flex; } #Dict { width: 0vw; overflow: hidden; background: #1d1e22; } /* Add padding and border to inner content for better animation effect */ .box-inner { height: 100%; } .content { width: 100%; } video { width: 100%; display:block; } /* Modal popup */ .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 100; visibility: hidden; transition: .4s; transform: scale(0.7); display: flex; } .modal.active { opacity: 1; visibility: visible; transform: scale(1); } .content { width: 100%; color: #fff; position:relative; } .modal-close { position: absolute; top: 0; left: 0; cursor: pointer; z-index:4000; padding: 15px; } .modal-close { color: white; opacity: 0.9; font-size: 1.5rem; } #container_video { position: relative; } /* Fill the whole container */ #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @MNQ@/style> @MNQ@script> $('.content').click(function() { $("#Dict").animate({ width: 0 }); }); $('.modal-close').click(function() { $('.modal').removeClass('active'); }); document.addEventListener('DOMContentLoaded', () => { // This is the bare minimum JavaScript. You can opt to pass no arguments to setup. const controls = [ 'play-large', // The large play button in the center 'restart', // Restart playback 'rewind', // Rewind by the seek time (default 10 seconds) 'play', // Play/pause playback 'fast-forward', // Fast forward by the seek time (default 10 seconds) 'progress', // The progress bar and scrubber for playback and buffering 'current-time', // The current time of playback 'duration', // The full duration of the media 'mute', // Toggle mute 'volume', // Volume control 'captions', // Toggle captions 'settings', // Settings menu 'pip', // Picture-in-picture (currently Safari only) 'airplay', // Airplay (currently Safari only) 'fullscreen' // Toggle fullscreen @CCORCH@; const player = new Plyr('#player', { ratio: ['16:9'@CCORCH@, clickToPlay: false, keyboard: {focused: true, global: true}, controls: controls, muted: true, autoplay: true,enabled: true, title: '', debug: false, autoplay: true, seekTime: 10, volume: 10, duration: null, displayDuration: true, loadSprite: true, iconPrefix: 'plyr', iconUrl: 'https://cdn.plyr.io/3.6.2/plyr.svg', clickToPlay: true, hideControls: false, showPosterOnEnd: true, disableContextMenu: true, html: controls, }); const videoWrapper = document.querySelector("#container_video .plyr__video-wrapper"); videoWrapper.addEventListener("click", (event) => { player.togglePlay(); event.stopPropagation();}); player.toggleControls(false); window.player = player; // Bind event listener function on(selector, type, callback) { document.querySelector(selector).addEventListener(type, callback, false); } // Bind event listener function on(selector, type, callback) { document.querySelector(selector).addEventListener(type, callback, false); } // Play }); $(document).ready(() => { $('.list-group-item').on('click', function(){ $('ul .list-group-item').removeClass("active"); $(this).addClass("active"); player.source = { type: 'video', poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg', provider: 'html5', sources: [{src: $(this).data('src'),},@CCORCH@, }; setTimeout(function(){ player.play();}, 300); $('.modal').addClass('active'); $("#Dict").animate({width:'0vw' });}); }) $(document).ready(function(){ // var boxWidth = $(".box").width(); var boxWidth = '0vw'; $(".slide-left").click(function(){ $("#Dict").animate({width: 0 });}); $(".slide-right").click(function(){ $("#Dict").animate({width: boxWidth });});}); @MNQ@/script> @MNQ@!-- Google Analytics --> @MNQ@script> window.dataLayer = window.dataLayer || [@CCORCH@; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-38517078-3'); @MNQ@/script> @MNQ@!-- End Google Analytics --> @MNQ@script async="async" src="https://www.googletagservices.com/tag/js/gpt.js">@MNQ@/script> @MNQ@script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || [@CCORCH@; @MNQ@/script>