<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="https://lyricsbd.github.io/hola/hola_player.js"></script> <div class="player"></div> <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9" preload="auto" data-setup="{}"></video> <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@ });})(); </script> <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", }); </script> <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; } </style> </head> <body class="#DDBF1A"> <body bgcolor="#121212"> <div class="row" id="liste"> <div class="playlist-item" data-src="https://tv-trt1.live.trt.com.tr/master_720.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7lvv.jpg"> <div class="overlay">Trt 1</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_trt1/smil:trt1_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7lvv.jpg"> <div class="overlay">Trt 1</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://lcgid8xu.rocketcdn.com/startvhd.stream_720p/chunklist.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> <div class="overlay">Star</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_star/smil:star_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> <div class="overlay">Star</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://xrklj56s.rocketcdn.com/eurostar.stream_720p/chunklist.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/Yc7MC6.jpg"> <div class="overlay">Euro Star</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_showtv/smil:show_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgESiU.jpg"> <div class="overlay">Show Tv</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/showmax_yeni.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEIO1.jpg"> <div class="overlay">Show Max</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/showturk_yeni.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEhVc.jpg"> <div class="overlay">Show Türk</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_showturk/showturk_sd.smil/chunklist_b2096000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEhVc.jpg"> <div class="overlay">Show Türk</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_kanald/smil:kanald_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgE1sv.jpg"> <div class="overlay">Kanal D</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_eurod/smil:eurod_sd.smil/chunklist_b2096000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEedM.md.jpg"> <div class="overlay">Euro D</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://str01.antensiz.tv:25461/live/tv/tv/279.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRkSb.jpg"> <div class="overlay">Atv</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:5566/Entry/atvavrupa_yeni.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgEMSj.jpg"> <div class="overlay">Atv Avrupa</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8/smil:tv8_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRaX6.jpg"> <div class="overlay">Tv8</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8_5/smil:tv8_5_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRHep.jpg"> <div class="overlay">Tv8,5</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_tv8_int/smil:tv8int_sd.smil/chunklist_b2096000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRXwn.jpg"> <div class="overlay">Tv8 int</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_kanal7/smil:kanal7_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRDeA.md.jpg"> <div class="overlay">Kanal 7</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://str01.antensiz.tv:25461/live/tv/tv/206.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRvHI.jpg"> <div class="overlay">Kanal 7 Avrupa</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_foxtv/smil:foxtv_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR2pb.md.jpg"> <div class="overlay">Fox</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_beyaztv/smil:beyaztv_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR83c.jpg"> <div class="overlay">Beyaz Tv</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_teve2/smil:teve2_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRMKN.jpg"> <div class="overlay">Teve2</div> </div> </div> </div> </div> <div class="playlist-item" data-src="https://mn-nl.mncdn.com/blutv_a2/smil:a2_sd.smil/chunklist_b2064000.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgR6DY.jpg"> <div class="overlay">A2</div> </div> </div> </div> </div> <div class="playlist-item" data-src="http://iptvmasterlink.dyndns.org:8080/Entry/360hd_yeni/index.m3u8"> <div class="col s6"> <div class="card"> <div class="card-content"> <div class="image-wrapper"> <img class="play-image" src="https://i.imgyukle.com/2020/12/10/YgRdop.jpg"> <div class="overlay">360</div> </div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script> <script> $(function() { $("img.play-image").Lazy({ effect: "fadeIn", effectTime: 3000, threshold: 0 }); }); </script> <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." }); </script> <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);}); </script> <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; } </style> <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'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121947205-2"></script> <script> window.dataLayer = window.dataLayer || [@CCORCH@; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-121947205-2'); </script> </body> </html>]