CINXE.COM
陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü
<!DOCTYPE html> <!--v2.0.6--> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="title" content="陌ETT - 陌stanbul Elektrik Tramvay ve T眉nel 陌艧letmeleri Genel M眉d眉rl眉臒眉" /> <meta name="description" content="陌ETT - Hareket Saatleri Paso Ba艧vurusu Metrob眉s Hatlar谋" /> <meta name="keywords" content="iett, hareket saatleri, paso ba艧vurusu, metrob眉s, seyahat kartlar谋" /> <link rel="shortcut icon" href="/Assets/favicon.ico" /> <link rel="canonical" href="http://iett.istanbul/en"> <meta property="og:type" content="website" /> <meta property="og:title" content="陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü | 陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü"> <meta property="og:description" content="陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü"> <meta property="og:image" itemprop="image" content="http://iett.istanbul/assets/img/logo-colored-with-white-bg.jpg"> <meta property="og:locale" content="tr" /> <meta property="og:site_name" content="陌ETT" /> <meta property="og:url" content="http://iett.istanbul/en" /> <meta name="twitter:card" value="summary" /> <meta name="twitter:image" itemprop="image" content="http://iett.istanbul/assets/img/logo-colored-with-white-bg.jpg)"> <meta property="twitter:title" content="陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü | 陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü"> <meta name="twitter:description" content="陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü"> <meta name="author" content="陌ETT"> <!--style--> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" /> <link href="/Assets/css/style.css" rel="stylesheet" /> <link href="/Assets/css/custom.css" rel="stylesheet" /> <!--style end--> <title>陌ETT - 陌stanbul Elektrik Tramvay ve Tünel 陌艧letmeleri Genel Müdürlü臒ü</title> <style> .search-station-icon { top: 25% !important; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=G-DTXK8RBZED" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--Home Page --> <div class="hero-box"> <!--Video Start --> <div class="video-background"> <div id="backgroundvideoplayer"></div> </div> <!--Video End --> <div class="hero"> <!-- Mobil Home Page Menu Start--> <div class="mobil-menu-box"> <div class="mobil-menu"> <div class="mobil-menu-left"> <div class="weather-widget weather-widget--responsive"> <div class="left"> <img src="" alt=""> </div> <div class="right" style="text-align:left;"> <small>陌stanbul,T眉rkiye</small> <div> <b>27掳c</b> Ya臒mur </div> </div> </div> </div> <div class="mobil-menu-middle"> <div class="navigation"> <a href="/en"><img src="../assets/img/icons/logo-white.svg" alt=""></a> </div> </div> <div class="mobil-menu-right"> Menu <div class="mobil-menu-icon"> <span></span> <span></span> <span></span> </div> </div> </div> <div class="mobil-menu-navigation" style="overflow-y:scroll;"> <div class="mobil-menu-closer"><img src="../assets/img/icons/close.svg" alt=""></div> <div class="mobil-menu-lang"> <!--Dil degistiginde current class'谋 ingilizceye gececek--> <span class="current">EN</span><b>/</b><span><a style="color:white;" href="/">TR</a></span> </div> <div class="mobil-menu-search" id="mobilmenusearch"> <input class="searchbtns" type="text" placeholder="Search..."> <div class="mobil-menu-search-btn"> <img src="../assets/img/icons/search.svg" alt=""> </div> </div> <div class="mobil-menu-links"> <a href="/EnRouteSearch" target="_self">Route/Station Search</a> <a href="/en/announcement/Index" target="_self">Announcements</a> <a href="/en/news/archive" target="_self">News</a> <a class="mobil-menu-corporate">Corporate <img src="../assets/img/icons/arrow-down.svg" alt=""></a> <!-- Kurumsal Alt Links Listesi --> <ul class="mobil-menu-corporate--links"> <li> <a class="mobil-menu-corporate--sub" href="#" target="_self">Institutional<img src="../assets/img/icons/arrow-down.svg" alt=""></a> <ul class="mobil-menu-corporate--links--sub"> <li> <a href="/icerik/General-Manager" target="_self">General Manager</a> </li> <li> <a href="/icerik/istanbul-metropolitan-Municipality-Mayor" target="_self">陌stanbul Metropolitan Municipality Mayor</a> </li> <li> <a href="/en/permission/chart" target="_self">Organization Chart</a> </li> <li> <a href="/icerik/Mission-Vision-Policy" target="_self">Mission-Vision-Policy</a> </li> <li> <a href="/icerik/Corporate-Ethical-Principles-and-Policies" target="_self">Corporate Ethical Principles and Policies</a> </li> <li> <a href="/icerik/Jurisdiction" target="_self">Jurisdiction</a> </li> <li> <a href="/icerik/IETT-2021-2025-Strategic-Plans" target="_self">陌ETT 2021- 2025 Strategic Plans</a> </li> <li> <a href="/icerik/Contact-us" target="_self">Contact us</a> </li> <li> <a href="/icerik/Excellence-Policy" target="_self">Excellence Policy</a> </li> <li> <a href="/icerik/Corporate-Social-Responsibility" target="_self">Corporate Social Responsibility</a> </li> </ul> </li> <li> <a class="mobil-menu-corporate--sub" href="#" target="_self">History<img src="../assets/img/icons/arrow-down.svg" alt=""></a> <ul class="mobil-menu-corporate--links--sub"> <li> <a href="/icerik/Brief-History" target="_self">Brief History</a> </li> <li> <a href="/icerik/Short-History" target="_self">Short History</a> </li> </ul> </li> <li> <a class="mobil-menu-corporate--sub" href="#" target="_self">Public Transportation<img src="../assets/img/icons/arrow-down.svg" alt=""></a> <ul class="mobil-menu-corporate--links--sub"> <li> <a href="/icerik/Tunnel" target="_self">Tunnel</a> </li> <li> <a href="/icerik/Nostalgic-Tramvay" target="_self">Nostalgic Tramvay</a> </li> <li> <a href="/icerik/Buses" target="_self">Buses</a> </li> <li> <a href="/icerik/Metrobus" target="_self">Metrobus</a> </li> <li> <a href="/icerik/Metrobus-Lines" target="_self">Metrobus Lines</a> </li> <li> <a href="/icerik/Public-Transportation-in-Istanbul" target="_self">Public Transportation in Istanbul</a> </li> <li> <a href="/icerik/Passenger-Rights-Proclamation" target="_self">Passenger Rights Proclamation</a> </li> </ul> </li> <li> <a class="mobil-menu-corporate--sub" href="#" target="_self">Online Services<img src="../assets/img/icons/arrow-down.svg" alt=""></a> <ul class="mobil-menu-corporate--links--sub"> <li> <a href="/icerik/FAQ" target="_self">FAQ</a> </li> <li> <a href="/icerik/Our-Policy-For-Handling-Customer-Complaints" target="_self">Our Policy For Handling Customer Complaints</a> </li> <li> <a href="/icerik/Resolving-Customer-Requests" target="_self">Resolving Customer Requests</a> </li> </ul> </li> <li> <a class="mobil-menu-corporate--sub" href="#" target="_self">Visitors<img src="../assets/img/icons/arrow-down.svg" alt=""></a> <ul class="mobil-menu-corporate--links--sub"> <li> <a href="/icerik/Access-to-Bus-Terminal" target="_self">Access to Bus Terminal</a> </li> <li> <a href="/icerik/Access-to-Piers" target="_self">Access to Piers</a> </li> <li> <a href="/icerik/Access-to-High-Speed-Train" target="_self">Access to High-Speed Train</a> </li> <li> <a href="/icerik/Access-to-Airports" target="_self">Access to Airports</a> </li> </ul> </li> </ul> </div> <div class="mobil-menu-footer"> <div class="iett-logo"> <img src="../assets/img/icons/logo-white.svg" alt=""> </div> <span>Follow Us</span> <!--social link start--> <div class="social-links"> <a href="https://www.facebook.com/iett.tr" target="_blank"><img src="/assets/img/icons/facebook.svg" alt="Facebook Logo"></a> <a href="https://twitter.com/ietttr" target="_blank"><img src="/assets/img/icons/twitter.svg" alt="Twitter Logo"></a> <a href="https://instagram.com/ietttr" target="_blank"><img src="/assets/img/icons/instagram.svg" alt="Instagram Logo"></a> <a href="https://www.youtube.com/iettKurumsal" target="_blank"><img src="/assets/img/icons/youtube.svg" alt="Youtube Logo"></a> <a href="https://www.linkedin.com/company/iett" target="_blank"><img src="/assets/img/icons/linkedin.svg" alt="Linkedin Logo"></a> </div> <!--social link end--> </div> </div> </div> <!-- Mobil Home Page Menu Finish--> <div class="menu-desktop-box"> <div class="menu-desktop"> <div class="menu-desktop-left"> <div class="weather-widget"> <div class="left"> <img alt=""> </div> <div class="right"> <small>陌stanbul,T眉rkiye</small> <div> <b>27掳c</b> Ya臒mur </div> </div> </div> <div class="menu-search"> <button class="menu-search--open js--weather-close"><img src="../../assets/img/icons/search.svg" alt=""></button> <button class="menu-search--close js--weather-close"><img src="../../assets/img/icons/close.svg" alt=""></button> <input class="searchbtns" type="text" placeholder="Search..."> </div> <div class="menu-lang"> <a style="color:white;" href="/">TR</a> </div> </div> <!-- men眉 partiel start--> <div class="menu-desktop-middle"> <div class="navigation"> <a href="/EnRouteSearch" target="_self">Route/Station Search</a> <a href="/en/announcement/Index" target="_self">Announcements</a> <a href="/en"><img src="../assets/img/icons/logo-white.svg" alt=""></a> <a href="/en/news/archive" target="_self">News</a> <a class="mega-menu-opener">Corporate</a> </div> </div> <!-- mega menu start--> <div class="mega-menu-box"> <div class="mega-menu"> <div class="menu-desktop"> <div class="menu-desktop-left"> <div class="weather-widget weather-widget--responsive"> <div class="left"> <img src="../assets/img/icons/cloud-widget-blue.svg" alt=""> </div> <div class="right"> <small>陌stanbul,T眉rkiye</small> <div> <b>27掳c</b> Ya臒mur </div> </div> </div> <div class="menu-search"> <button class="menu-search--open js--weather-close"><img src="../../assets/img/icons/search-blue.svg" alt=""></button> <button class="menu-search--close js--weather-close"><img src="../../assets/img/icons/close-blue.svg" alt=""></button> <input class="searchbtns" type="text" placeholder="Search..."> </div> <div class="menu-lang"> <a style="color: #1D428A;" href="/">TR</a> </div> </div> <div class="menu-desktop-middle"> <div class="navigation"> <a href="/EnRouteSearch" target="_self">Route/Station Search</a> <a href="/en/announcement/Index" target="_self">Announcements</a> <a href="/en"><img src="../assets/img/icons/logo-red.svg" alt=""></a> <a href="/en/news/archive" target="_self">News</a> <a class="mega-menu-opener">Corporate</a> </div> </div> <div class="menu-desktop-right"> <!--social icons blue--> <!--social icons blue end--> <div class="menu-text-area"> <div class="menu-text-area-body"> <span class="menu-text-area-quote">Sovereignty Unconditionally Belongs To The Nation</span> <span class="menu-text-area-signature"> <img src="/assets/img/ataturk-signature.png" alt=""> </span> </div> <div class="menu-text-area-icon"> <img src="/assets/img/ataturk.png" alt=""> </div> </div> </div> </div> <div class="mega-menu-columns"> <div class="mega-menu-column"> <div class="mega-menu--title">INST陌TUT陌ONAL</div> <a href="/icerik/General-Manager" target="_self">General Manager</a> <a href="/icerik/istanbul-metropolitan-Municipality-Mayor" target="_self">陌stanbul Metropolitan Municipality Mayor</a> <a href="/en/permission/chart" target="_self">Organization Chart</a> <a href="/icerik/Mission-Vision-Policy" target="_self">Mission-Vision-Policy</a> <a href="/icerik/Corporate-Ethical-Principles-and-Policies" target="_self">Corporate Ethical Principles and Policies</a> <a href="/icerik/Jurisdiction" target="_self">Jurisdiction</a> <a href="/icerik/IETT-2021-2025-Strategic-Plans" target="_self">陌ETT 2021- 2025 Strategic Plans</a> <a href="/icerik/Contact-us" target="_self">Contact us</a> <a href="/icerik/Excellence-Policy" target="_self">Excellence Policy</a> <a href="/icerik/Corporate-Social-Responsibility" target="_self">Corporate Social Responsibility</a> </div> <div class="mega-menu-column"> <div class="mega-menu--title">H陌STORY</div> <a href="/icerik/Brief-History" target="_self">Brief History</a> <a href="/icerik/Short-History" target="_self">Short History</a> </div> <div class="mega-menu-column"> <div class="mega-menu--title">PUBL陌C TRANSPORTAT陌ON</div> <a href="/icerik/Tunnel" target="_self">Tunnel</a> <a href="/icerik/Nostalgic-Tramvay" target="_self">Nostalgic Tramvay</a> <a href="/icerik/Buses" target="_self">Buses</a> <a href="/icerik/Metrobus" target="_self">Metrobus</a> <a href="/icerik/Metrobus-Lines" target="_self">Metrobus Lines</a> <a href="/icerik/Public-Transportation-in-Istanbul" target="_self">Public Transportation in Istanbul</a> <a href="/icerik/Passenger-Rights-Proclamation" target="_self">Passenger Rights Proclamation</a> </div> <div class="mega-menu-column"> <div class="mega-menu--title">ONL陌NE SERV陌CES</div> <a href="/icerik/FAQ" target="_self">FAQ</a> <a href="/icerik/Our-Policy-For-Handling-Customer-Complaints" target="_self">Our Policy For Handling Customer Complaints</a> <a href="/icerik/Resolving-Customer-Requests" target="_self">Resolving Customer Requests</a> </div> <div class="mega-menu-column"> <div class="mega-menu--title">V陌S陌TORS</div> <a href="/icerik/Access-to-Bus-Terminal" target="_self">Access to Bus Terminal</a> <a href="/icerik/Access-to-Piers" target="_self">Access to Piers</a> <a href="/icerik/Access-to-High-Speed-Train" target="_self">Access to High-Speed Train</a> <a href="/icerik/Access-to-Airports" target="_self">Access to Airports</a> </div> </div> </div> </div> <!-- mega menu end--> <!-- men眉 partiel end--> <div class="menu-desktop-right"> <!--social link start--> <!--social link end--> <div class="menu-text-area"> <div class="menu-text-area-body"> <span class="menu-text-area-quote">Sovereignty Unconditionally Belongs To The Nation</span> <span class="menu-text-area-signature"> <img src="/assets/img/ataturk-signature.png" alt=""> </span> </div> <div class="menu-text-area-icon"> <img src="/assets/img/ataturk.png" alt=""> </div> </div> </div> </div> </div> </div> <div class="hero-tab-box"> <div class="hero-tab"> <div class="hero-tab-btn-list"> <div class="hero-tab-btn-item"> <div class="hero-tab-btn-item--circle"> <img src="../assets/img/icons/bus.svg" alt=""> </div> <span>Search for <br> a Route or Station</span> </div> <div class="hero-tab-btn-item"> <div class="hero-tab-btn-item--circle"> <img src="../assets/img/icons/pin-map.svg" alt=""> </div> <span>How can <br> I go?</span> </div> <div class="hero-tab-btn-item"> <div class="hero-tab-btn-item--circle"> <img src="../assets/img/icons/pin.svg" alt=""> </div> <span>Where is <br> My Bus?</span> </div> </div> <div class="hero-tab-content-list"> <form action="/EnRouteSearch" class="hero-tab-content-item"> <h3>Search for <small>a Route or Station</small></h3> <div class="tab-input-box"> <div class="tab-input"> <img src="../assets/img/icons/bus-blue.svg" alt=""> </div> <input class="inpsingle" type="text" name="search" placeholder="76 or Y谋ld谋z Dura臒谋 vs." autocomplete="off" required> <div class="line-list" id="srchrs"><!--select liste--></div> </div> <button class="tab-button">Show Results</button> </form> <form class="hero-tab-content-item"> <h3><small>How can</small> I go?</h3> <div class="tab-input-box"> <div class="tab-input"> <img src="../assets/img/icons/pin-blue.svg" alt=""> </div> <input class="inphgdouble" id="inpa" data-list="a" type="text" placeholder="From" autocomplete="off" required> <div class="line-list" id="lsta"></div> <input type="hidden" id="hdninpa" /> </div> <div class="tab-input-box" style="z-index:1;"> <div class="tab-input"> <img src="../assets/img/icons/pin-blue.svg" alt=""> </div> <input class="inphgdouble" id="inpb" data-list="b" type="text" placeholder="To" autocomplete="off" required> <div class="line-list" id="lstb"></div> <input type="hidden" id="hdninpb" /> </div> <button id="howgo" type="button" class="tab-button">Plan the Journey</button> </form> <form action="/EnWMyBus" class="hero-tab-content-item"> <h3>Where is <small>My Bus?</small></h3> <div class="tab-input-box"> <div class="tab-input"> <img src="../assets/img/icons/pin-bus-blue.svg" alt=""> </div> <input class="inpdouble" id="inpc" data-list="c" type="text" placeholder="Search Station or Route" autocomplete="off" required> <div class="line-list" id="lstc"></div> <input type="hidden" id="cscode" name="dcode" /> </div> <div class="tab-input-box" style="z-index:1;"> <div class="tab-input" id="icond"> <img src="../assets/img/icons/pin-bus-blue.svg" alt=""> </div> <input id="inpd" data-list="d" type="text" autocomplete="off" required> <div class="line-list" id="lstd"></div> <input type="hidden" id="crcode" name="hcode" /> </div> <button id="mybusbtn" class="tab-button" onclick="alertmybus()">Go</button> </form> </div> </div> <!-- Hero Mobiett --> <a href="#mobiett" class="hero-mobi"> <img src="/assets/img/icons/phone-item.png" alt=""> <div class="hero-mobi-right"> <b>Otob眉s眉m Nerede</b> <p> Download the app for faster and easier use of transportation information. </p> <span><img src="/assets/img/icons/blue-arrow-right.svg" alt=""></span> </div> </a> </div> </div> <!--Home Page Menu--> <!-- Hero Bottom Start --> <div class="hero-bottom"> <div class="left"> <p> <b>Otob眉s眉m Nerede</b>-Download our app for faster and easier use of transportation information </p> <a href="#mobiett">Go to Application</a> </div> <div class="right"> <!-- Slider main container --> <div class="swiper" id="announcementHomepage"></div> <!-- Social --> <div class="hero-bottom-social" style="z-index:23;"> <span>Follow Us</span> <!--social link start--> <div class="social-links"> <a href="https://www.facebook.com/iett.tr" target="_blank"><img src="/assets/img/icons/facebook.svg" alt="Facebook Logo"></a> <a href="https://twitter.com/ietttr" target="_blank"><img src="/assets/img/icons/twitter.svg" alt="Twitter Logo"></a> <a href="https://instagram.com/ietttr" target="_blank"><img src="/assets/img/icons/instagram.svg" alt="Instagram Logo"></a> <a href="https://www.youtube.com/iettKurumsal" target="_blank"><img src="/assets/img/icons/youtube.svg" alt="Youtube Logo"></a> <a href="https://www.linkedin.com/company/iett" target="_blank"><img src="/assets/img/icons/linkedin.svg" alt="Linkedin Logo"></a> </div> <!--social link end--> </div> <!-- 16 million Logo --> <img src="../assets/img/16-milyon-logo.png" alt="" class=""> </div> </div> <!-- Hero Bottom Finish --> <link href="/Assets/css/popup.css" rel="stylesheet" /> <!-- News Start --> <div class="home-news" id="newshomepage"></div> <!-- News Finish --> <!-- Transportation Guide Start --> <div class="transportation-guide"> <h2 class="title type-2"><span>Transportation</span> Guide</h2> <div class="iett-container"> <div class="row"> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/plane.svg" alt="Havalimanlar谋na ula艧谋m" loading="lazy"> <b>Transportation to <span>Airports</span></b> <a href="/icerik/Access-to-Airports">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/bus.svg" alt="Otogarlara Ula艧谋m" loading="lazy"> <b>Transportation to <span>Bus Terminal</span></b> <a href="/icerik/Access-to-Bus-Terminal">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/ship.svg" alt="陌skelelere Ula艧谋m" loading="lazy"> <b>Transportation to <span>Piers</span></b> <a href="/icerik/Access-to-Piers">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/train.svg" alt="Y眉ksek h谋zl谋 trene ula艧谋m" loading="lazy"> <b>Transportation to <span>High-Speed Train</span></b> <a href="/icerik/Access-to-High-Speed-Train">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3 d-none"> <div class="transportation-card"> <img src="../assets/img/icons/train.svg" alt="Gece Hatlar谋" loading="lazy"> <b>Lines at <span>Night</span></b> <a href="/icerik/">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/map.svg" alt=""> <b>Railway Station <span>Transportation</span></b> <a href="/icerik/Railway-Station-Transportation">More information <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/ship.svg" alt="Adalara Ula艧谋m" loading="lazy"> <b>Adalara <span>Ula艧谋m</span></b> <a href="/BBImages/Slider/Image/sss_adalar.pdf">Detayl谋 Bilgi <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> <div class="col-lg-3 col-md-4 col-6 mb-3"> <div class="transportation-card"> <img src="../assets/img/icons/bus.svg" alt="Metbor眉se Ula艧谋m" loading="lazy"> <b>Metrob眉se <span>Ula艧谋m</span></b> <a href="/icerik/metrobus-hatlari">Detayl谋 Bilgi <img src="../assets/img/icons/arrow-down.svg" alt=""></a> </div> </div> </div> </div> </div> <!-- Transportation Guide Finish --> <!-- Services Start--> <div class="services"> <div class="iett-container"> <div class="row"> <div class="col-md-9 col-12 mb-3"> <div class="services-card " style="cursor:pointer" onclick="window.open('https://cozummerkezi.ibb.istanbul')"> <img src="../assets/img/alo-153.png" alt="Alo 153 logo"> <div class="info"> <h3><img src="/assets/img/153.png" alt="脟枚z眉m Merkezi" loading="lazy"></h3> <a>Application Form</a> </div> </div> </div> <div class="col-md-3 col-12 mb-3"> <div class="services-card" style="cursor:pointer" onclick="window.open('https://kariyer.ibb.istanbul/')"> <img src="../assets/img/job-application.png" alt="陌BB Kariyer" loading="lazy"> <div class="info"> <h3>Application for Internship</h3> <a>Make an Application</a> </div> </div> </div> </div> </div> </div> <!-- Services Finish--> <!-- Other Sites Start--> <div class="other-sites"> <div class="iett-container"> <div class="right"> <h2 class="title type-2"><span>Other</span> Sites</h2> <div class="right-container"> <!--<div class="other-sites__instagram" style="background-color: white;">--> <!-- Instagram metni buraya gelecek --> <!--</div>--> <div class="other-sites-list"> <div class="other-sites-item"> <img src="../assets/img/ibb.png" alt="陌BB" onclick="window.open('https://ibb.istanbul/','_blank')" style="cursor:pointer;" loading="lazy"> <div class="info"> <img src="../assets/img/icons/ibb-logo.svg" alt="陌BB logo" onclick="window.open('https://ibb.istanbul/','_blank')" style="cursor:pointer;" loading="lazy"> <div> <b>Istanbul Metropolitan Municipality</b> </div> <!--<a href="https://ibb.istanbul/" target="_blank">Go to Site</a>--> </div> </div> <div class="other-sites-item"> <img src="../assets/img/iski.png" alt="陌SK陌" onclick="window.open('https://www.iski.istanbul/','_blank')" style="cursor:pointer;" loading="lazy"> <div class="info"> <img src="../assets/img/icons/iski-logo.svg" alt="陌SK陌 Logo" onclick="window.open('https://www.iski.istanbul/','_blank')" style="cursor:pointer;" loading="lazy"> <div> <b>ISKI</b> </div> <!--<a href="https://www.iski.istanbul/" target="_blank">Go to Site</a>--> </div> </div> <div class="other-sites-item"> <img src="../assets/img/iett-innovation.png" alt="陌ETT 陌novasyon" onclick="window.open('http://inovasyon.iett.gov.tr/','_blank')" style="cursor:pointer;" loading="lazy"> <div class="info"> <img src="../assets/img/icons/iett.svg" alt="陌ETT Logo" onclick="window.open('http://inovasyon.iett.gov.tr/','_blank')" style="cursor:pointer;" loading="lazy"> <div> <b>IETT Innovation</b> </div> <!--<a href="http://inovasyon.iett.gov.tr/" target="_blank">Go to Site</a>--> </div> </div> </div> <div class="other-sites__twitter" style="max-height:450px"> <!-- Twitter Start --> <div class="Widget Widget--Sites col-xs-12"> <a class="twitter-timeline" href="https://twitter.com/ietttr"></a> </div> <!-- Twitter End --> </div> </div> </div> </div> </div> <!-- Other Sites Finish--> <!-- Mobil Iett Start--> <div class="mobiett" id="otobusumnerede"> <div class="iett-container"> <div class="row"> <div class="col-lg-6 col-12"> <img src="../assets/img/mobiett.png" alt="Otob眉s眉m Nerede Mobil Uygulama" loading="lazy"> </div> <div class="col-lg-6 col-12"> <h2>Otob眉s眉m Nerede</h2><p>Download the app for faster and easier use of transportation information.</p> <div class="mobiett-logos"> <a href="https://apps.apple.com/tr/app/otob%C3%BCs%C3%BCm-nerede/id1600651996"> <img src="../assets/img/icons/app_store_logo.svg" alt="Apple Store Logo" loading="lazy"> </a> <a href="https://play.google.com/store/apps/details?id=com.iett.otobusumnerede"> <img src="../assets/img/icons/play_store.png" alt="Play Store Logo" loading="lazy"> </a> </div> </div> </div> </div> </div> <!-- Mobil Iett Finish--> <input type="hidden" id="languageid" value="2" /> <!-- Footer Start --> <div class="footer"> <div class="iett-container"> <div class="footer-header"> </div> <div class="footer-links-title">Fast Access</div> <div class="footer-links"> <div class="row"> <div class="col-lg-3 col-6 mb-5"> </div> <div class="col-lg-3 col-6 mb-5"> </div> <div class="col-lg-3 col-6 mb-5"> </div> <div class="col-lg-3 col-6 mb-5"> </div> </div> </div> </div> </div> <style> .eye-out { position: absolute; right: 0px; } .eye-in { position: absolute; right: 0px; bottom: -20px; } @media screen and (max-width: 840px) { .eye-out { position: relative; right: 30vW; bottom: 80px; } } </style> <div class="footer-bottom"> It was designed with 鉂わ笍 by the Department of Information Technologies of IETT General Directorate <div class="eye-out"> <a href="https://www.blindlook.com/tr/eyelearn/detay/iett" target="_blank" class="eye-in"> <img style="height: 50px; width: auto; max-width: 100px;" src="/Assets/img/eyeen.png" /> </a> </div> </div> <!-- Footer Finish --> <input type="hidden" value="2" id="pagelangid" /> <!--Custom Scripts--> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script src="/Assets/js/lightboxed.js"></script> <script src="/Assets/js/app.js"></script> <script src="/Assets/js/share.js"></script> <!--Twitter start--> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <!--Twitter end--> <!-- Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DTXK8RBZED"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-DTXK8RBZED'); </script> <!-- End Google Tag Manager --> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; 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-23603955-17', 'auto'); ga('send', 'pageview'); function filter(model) { var endDate = $('#endDateE4').val(); var startDate = $('#startDateE4').val(); model.filter(function (item) { return item.decisiondate >= startDate && item.decisiondate <= endDate; }); var content = "<table>"; model.forEach(function (item) { content += '<tr><td>' + item.decisiondate + i + '</td></tr>'; }); content += "</table>"; $('#filelistE4').html(content); } function filter2(model) { var endDate = $('#endDateE4').val(); var startDate = $('#startDateE4').val(); if (endDate == undefined && startDate == undefined) { return; } var filtered = model.filter(function (item) { var start = ConvertStringToDate(startDate); var end = ConvertStringToDate(endDate); var dcsiondate = ConvertStringToDate(ConvertJsonDateToString(item.decisiondate)); if (dcsiondate >= start && dcsiondate <= end) { return true; } }); var content = ""; filtered.forEach(function (item) { var endDate = ConvertJsonDateToString(item.decisiondate) content += "<div class='button-card button-card--boxed mb-3'><div class='card border-radius-md p-0 line-height-120 p-0'><div class='card-body p-0'><div class='button-card__main'><table id='filelistE4' class='table table-borderless mb-0'><tbody><tr><td style='vertical-align: middle'>" + item.description + "</td><td style='min-width: 200px; text-align: right'>" + endDate + "</td></tr></tbody></table></div>" + "<div class='button-card__actions'><a class='btn btn-light text-dark-blue' href='" + item.decisionpath + "' target='_blank' role='button'><span class='font-weight-700'>陌ND陌R</span><span class='fa fa-file-pdf text-dark-blue'></span></a></div></div></div></div>"; }); $('#componentList').html(content); } function ConvertJsonDateToString(jsonDate) { var fullDate = new Date(parseInt(jsonDate.substr(6))); var twoDigitMonth = (fullDate.getMonth() + 1) + ""; if (twoDigitMonth.length == 1) twoDigitMonth = "0" + twoDigitMonth; var twoDigitDate = fullDate.getDate() + ""; if (twoDigitDate.length == 1) twoDigitDate = "0" + twoDigitDate; var currentDate = twoDigitDate + "." + twoDigitMonth + "." + fullDate.getFullYear(); return currentDate; } function ConvertStringToDate(strDate) { var array = strDate.split("."); var opposite = array[2] + "/" + array[1] + "/" + array[0] var date = new Date(opposite) return date; } </script> <script> var maintexttitle = document.getElementById("mainTitle"); var btnlink = ""; var btntarget = ""; if (maintexttitle != undefined) { GetMainText(); } function mainButtonEvent() { window.open(btnlink, btntarget); } function GenerateSlug(txt) { var arrychar = ['莽', '谋', '眉', '臒', '枚', '艧', '陌', '臑', '脺', '脰', '艦', '脟']; var aryenchr = ['c', 'i', 'u', 'g', 'o', 's', 'I', 'G', 'U', 'O', 'S', 'C']; for (var i = 0; i < arrychar.length - 1; i++) { txt = txt.replaceAll(arrychar[i], aryenchr[i]); } txt = txt.replace(/ /g, '-'); txt = txt.toLowerCase(); txt = txt.replace(/莽/g, 'c'); return txt; } function searchbtnevent() { $('.searchbtns').keyup(function (e) { var srckey = $(this).val(); var pagelanguage = '/'; var pagelang = '2'; if (pagelang == '2') { pagelanguage = '/en/'; } if (e.which === 13 && srckey.length > 0) { window.open(pagelanguage+'search?key=' + srckey, '_self') return; } }) } $(window).scroll(function (event) { if ($(".mega-menu-box").hasClass("active")) { $(".mega-menu-box").removeClass("active"); } }); $(document).click(function (event) { var $target = $(event.target); if ($target.closest('.mega-menu-opener').length) { return; } if (!$target.closest('.mega-menu').length) { if ($(".mega-menu-box").hasClass("active")) { $(".mega-menu-box").removeClass("active"); } } }); </script> <script> $(document).ready(function () { $(document).keydown(function (event) { if (event.keyCode == '37') { $("#lightboxed--bttn_prev").trigger("click") } else if (event.keyCode == '39') { $("#lightboxed--bttn_next").trigger("click") } else if (event.which == 27) { $("#lightboxed--bttn_close").trigger("click") } }); searchbtnevent(); }) </script> <script> function megamenuopenerEvent() { $(".mega-menu-opener").on("click", function () { $(".mega-menu-box").toggleClass("active"); }); } function mobilmenuEvent() { $(".mobil-menu-right").on("click", function () { $(".mobil-menu-navigation").addClass("active") }) $(".mobil-menu-closer").on("click", function () { $(this).parent().removeClass("active") }) $(".mobil-menu-corporate").on("click", function () { $(".mobil-menu-corporate--links").slideToggle(500) }) } var pagelangid = $('#pagelangid').val(); </script> <script> if (location.pathname.length > 1) { $.ajax({ url: '/Home/GetPagePopupByUrl', methods: 'get', data: { url: location.pathname, languageid: pagelangid }, success: function (data) { if (data != null) { if (data.ImageUrl != null) { var popid = data.Id; if (localStorage.getItem("popup" + popid)) return; var cbPopup = $('<input>').attr('type', 'checkbox'); var divpopup = $('<div>').addClass('npu-container npu-type-image').append( $('<div>').addClass('npu-window') .append($('<div>').addClass('npu-button-close')) .append( $('<div>').addClass('npu-content-conteiner').append( $('<img>').addClass('npu-content') .attr('src', data.ImageUrl) .on('click', function () { window.open(data.ReturnUrl, '_self') }) ) .append($('<br>')) .append(cbPopup) .append($('<label>').text('Bir daha g枚sterme').css('color', 'white')) ) ); $('body').append( divpopup ) $('.npu-button-close').on('click', function () { if (cbPopup.is(':checked')) { localStorage.setItem("popup" + popid, true); } divpopup.remove(); }) } } } }) } </script> <script> $(".searchbtns").autocomplete({ source: function (request, response) { var searchkey = request.term; searchResponse(response,searchkey,'search'); }, select: function (event, ui) { var pagelanguage = '/'; var pagelang = '2'; if (pagelang == '2') { pagelanguage = '/en/'; } window.open(pagelanguage+'search?key=' + ui.item.value, '_self') } }); function searchResponse(response,searchkey,genre){ $.ajax({ url: '/tr/Search/GetSearchItem', method: 'get', data: { key: searchkey, genre: genre, languageid: 2 }, success: function (result) { response($.map(result, function (item) { return item.Title.split('-')[0]; })); } }); } </script> <script> $(document).ready(function () { $('#inpd').hide(); $('#icond').hide(); getnewsforhomepage(); getannouncementforhomepage(); getweatherinfo(); gepopup(); }) var ajaxpool = []; var loading = ''; var querylength = ''; var mdlerror = ''; var plcholderwbR = ''; var plcholderwbS = ''; var lngid = $('#languageid').val(); switch (lngid) { case '2': loading = 'Please wait...'; querylength = 'Please enter at least 3 letters.'; mdlerror = 'There were no results.'; plcholderwbR = 'Select Route'; plcholderwbS = 'Select Station'; break; default: loading = 'L眉tfen Bekleyiniz...'; querylength = 'En az 3 karakter giriniz.'; mdlerror = 'Sonu莽 bulunamad谋.'; plcholderwbR = 'Hat se莽iniz'; plcholderwbS = 'Durak se莽iniz'; break; } $('.line-list').hide(); $(':input').focusout(function () { setTimeout(function () { $('.line-list').hide(); }, 250) }) $(':input').on('focusin',function () { var value = $(this).val(); if (value != "") { $(this).next().show(); } }) $('.inpsingle').keyup(function () { var value = $(this).val(); SearchHG(value); if (value != '') { $('.line-list').show(); } else { $('.line-list').hide(); } }) $('.inpdouble').keyup(function () { var value = $(this).val(); var dtlist = $(this).data("list"); if (value != '') { $(`#lst${dtlist}`).show(); } else { $(`#lst${dtlist}`).hide(); } SearchStation(value, `#lst${dtlist}`, $(this).attr('id')); }) $('.inphgdouble').keyup(function () { var value = $(this).val(); var dtlist = $(this).data("list"); if (value != '') { $(`#lst${dtlist}`).show(); } else { $(`#lst${dtlist}`).hide(); } HowgoAdress(value, `#lst${dtlist}`, $(this).attr('id')); }) $('#inpd').keyup(function () { var value = $(this).val(); var dtlist = $(this).data("list"); var scode = $('#cscode').val(); if (value != '') { $(`#lst${dtlist}`).show(); } else { $(`#lst${dtlist}`).hide(); } if (value.length > 0) { $(`#lst${dtlist}`).html('<div class="line-item"><div class="content"><span></span><p>' + loading +'</p></div></div>'); SearchRbyS(`#lst${dtlist}`, value); } }) $('#inpd').focusin(function () { var value = $(this).val(); var dtlist = $(this).data("list"); var scode = $('#cscode').val(); $(`#lst${dtlist}`).show(); if ($(`#lst${dtlist}`).html() == '<div class="line-item"><div class="content"><span></span><p>L眉tfen Bekleyiniz...</p></div></div>') { $(`#lst${dtlist}`).html('<div class="line-item"><div class="content"><span></span><p>' + loading + '</p></div></div>'); SearchRbyS(`#lst${dtlist}`); } }) //$('.content').click(function () { // var dtlist = $(this).data("value"); // $('#srchrs').val(dtlist); // console.log(dtlist); //}) $('.line-list').html('<div class="line-item"><div class="content"><span></span><p>' + loading +'</p></div></div>'); function SearchHG(srch) { if (srch == '') { return; } $('#srchrs').html('<div class="line-item"><div class="content"><span></span><p>' + loading +'</p></div></div>'); abortajax(); var currentajax=$.ajax({ method: 'get', url: '/tr/RouteStation/GetSearchItems', data: { key: srch, langid: lngid }, success: function (result) { $('#srchrs').html(''); if (result.list.length == 0) { $('#srchrs').html('<div class="line-item"><div class="content"><span></span><p>' + mdlerror+'</p></div></div>'); return; } $.each(result.list, function (inx, value) { var element = '<div class="line-item"><div class="content" data-value="' + value.Path + '" ><span>' + value.Code + '</span><p>' + value.Name + '</p></div></div>'; $("#srchrs").append(element); }) } }).done(function(){ $('.content').click(function () { var dtlist = $(this).data("value"); //var arrydt = dtlist.split(';'); window.open(dtlist, '_self'); }) }) ajaxpool.push(currentajax); } function SearchStation(srch, lst, inp) { $(lst).html('<div class="line-item"><div class="content"><span></span><p>' + loading +'</p></div></div>'); abortajax(); var currentajax = $.ajax({ method: 'get', url: '/tr/RouteStation/GetSearchItems', data: { key: srch, langid: lngid }, success: function (result) { $(lst).html(''); if (result.list.length == 0) { $(lst).html('<div class="line-item"><div class="content"><span></span><p>' + mdlerror +'</p></div></div>'); return; } $.each(result.list, function (inx, value) { var element = '<div class="line-item"><div class="content stnlist' + inp + '" data-value="' + value.Name + ';' + value.Location + ';' + value.Stationcode + ';' + value.Code + '" ><span>' + value.Code + '</span><p>' + value.Name + '</p></div></div>'; $(lst).append(element); }) } }).done(function () { $('.stnlist' + inp).click(function () { $('#cscode').val(''); $('#crcode').val(''); var dtlist = $(this).data("value"); var arydt = dtlist.split(';') var loc = arydt[1].substring(7, arydt[1].length - 1); $('#hdn' + inp).val(loc); $('#' + inp).val(arydt[0]); if (inp == 'inpc') { if (arydt[2] != 0) { $('#cscode').val(arydt[2]); $('#inpd').attr('placeholder', plcholderwbR); } else { $('#crcode').val(arydt[3]); $('#inpd').attr('placeholder', plcholderwbS); } } $('#inpd').show(); $('#icond').show(); $('#inpd').innerHTML = '<div class="line-item"><div class="content"><span></span><p>L眉tfen Bekleyiniz...</p></div></div>' }) }); ajaxpool.push(currentajax); } function SearchRbyS(inlist,value) { $.ajax({ method: 'get', url: '/tr/RouteStation/GetRouteBySCode', data: { dcode: $('#cscode').val() || value, rcode: $('#crcode').val() || value, searchableColumn: $('#cscode').val()?"rcode":"dcode" }, success: function (result) { $(inlist).html(''); if (result.list.length == 0) { $(inlist).html('<div class="line-item"><div class="content"><span></span><p>' + mdlerror +'</p></div></div>'); return; } $.each(result.list, function (inx, value) { var element = '<div class="line-item"><div class="content dlistitem" data-rcode="' + value.Name + ';' + value.Stationcode + ';' + value.Code + '" ><span>' + value.Code + '</span><p>' + value.Name + '</p></div></div>'; $(inlist).append(element); }) } }).done(function () { $('.dlistitem').click(function () { var dtlist = $(this).data("rcode"); var aryroteinfo = dtlist.split(';'); $('#inpd').val(aryroteinfo[0]) if (aryroteinfo[1] != 0) { $('#cscode').val(aryroteinfo[1]); } else { $('#crcode').val(aryroteinfo[2]); } }) }) } //##Nas谋l giderim $('#howgo').click(function () { var fromloc = $('#hdninpa').val(); var toloc = $('#hdninpb').val(); var fromname = $('#inpa').val(); var toname = $('#inpb').val(); var aryfname = fromname.split('-'); var arytname = toname.split('-'); if (fromname.length <= 0 || toname.length <= 0) { $('.alert').remove(); $('#howgo').before('<div class="alert"><span class="closebtn">×</span>Please select two locations.</div>'); $('.closebtn').on('click', function () { $('.alert').remove(); }); return; } if (fromloc == '' | toloc == '') { return; } var aryfrom = fromloc.split(" "); var aryto = toloc.split(" "); var from = '' + aryfrom[1] + ',' + aryfrom[0]; var tosta = '' + aryto[1] + ',' + aryto[0]; fromname = GenerateSlug(aryfname[0]); toname = GenerateSlug(arytname[0]); var hgurl = 'https://nasilgiderim.iett.gov.tr/?from=' + from + '&to=' + tosta + '&FromName=' + fromname + '&ToName=' + toname; window.open(hgurl, '_blank'); }) function HowgoAdress(srch, lst, inp) { if (srch.length < 3) { $(lst).html('<div class="line-item"><div class="content"><span></span><p>' + querylength +'</p></div></div>'); return; } $(lst).html('<div class="line-item"><div class="content"><span></span><p>' + loading +'</p></div></div>'); abortajax(); var currentajax = $.ajax({ method: 'get', url: '/tr/RouteStation/HowGoAdress', data: { key: srch }, success: function (result) { console.log(result); $(lst).html(''); $.each(result, function (index, value) { var element = '<div class="line-item"><div class="content stnlist' + inp + '" data-value="' + value.Name + ';' + value.Location + ';' + value.Stationcode + '" ><span>'+value.Icon+'</span><p>' + value.Title + '</p></div></div>'; $(lst).append(element); }) $('.stnlist' + inp).click(function () { var dtlist = $(this).data("value"); var arydt = dtlist.split(';') var loc = arydt[1].substring(7, arydt[1].length - 1); $('#' + inp).val(arydt[0]); $('#hdn' + inp).val(loc); //if (inp == 'inpc') { // $('#cscode').val(arydt[2]); //} }) } }) ajaxpool.push(currentajax); } //##Nas谋l giderim $('#inpc').on('change', function () { $('#inpd').val(''); }); function alertmybus() { var inpcval = $('#inpc').val(); var inpdval = $('#inpd').val(); if (inpcval.length <= 0 || inpdval.length <= 0) { $('.alert').remove(); $('#mybusbtn').before('<div class="alert"><span class="closebtn">×</span>L眉tfen t眉m alanlar谋 doldurunuz.</div>'); $('.closebtn').on('click', function () { $('.alert').remove(); }); } } </script> <script> function abortajax() { $.each(ajaxpool, function (inx, value) { value.abort(); }) ajaxpool = []; } </script> <script src="/Assets/js/weather.js" charset="windows-1254" type="text/javascript"></script> <script> function getnewsforhomepage() { $.ajax({ url: '/tr/News/GetHomePageNews', data: { lang: lngid }, method: 'get', success: function (result) { $('#newshomepage').html(result); } }) } function getannouncementforhomepage() { $.ajax({ url: '/tr/Announcement/GetAnnouncementForHomepage', data: { lang: lngid }, method: 'get', success: function (result) { $('#announcementHomepage').html(result); $('.announcementitem').on("click", function () { var annpath = $(this).data("announcepath"); if (annpath != undefined || annpath != '') { window.open(annpath, '_self'); } }) const swiper = new Swiper('.swiper', { // Optional parameters direction: 'vertical', loop: true, autoplay: { delay: 2500, disableOnInteraction: false }, }); } }) } </script> <script> function gepopup() { $.ajax({ url: '/Home/GetPopupByUrl', methods: 'get', success: function (data) { if (data != null) { if (data.ImageUrl != null) { var popid = data.Id; if (localStorage.getItem("popup" + popid)) return; var lngid = $('#languageid').val(); var dontShowAgainText = "Don't show again"; switch (lngid) { case '2': dontShowAgainText = "Don't show again"; break; default: dontShowAgainText = 'Bir daha g枚sterme'; break; } var cbPopup = $('<input>').attr('type', 'checkbox'); var divpopup = $('<div>').addClass('npu-container npu-type-image').append( $('<div>').addClass('npu-window') .append($('<div>').addClass('npu-button-close')) .append( $('<div>').addClass('npu-content-conteiner').append( $('<img>').addClass('npu-content') .attr('src', data.ImageUrl) .on('click', function () { window.open(data.ReturnUrl, '_self') }) ) .append($('<br>')) .append(cbPopup) .append($('<label>').text(dontShowAgainText).css('color', 'white')) ) ); $('body').append( divpopup ) $('.npu-button-close').on('click', function () { if (cbPopup.is(':checked')) { localStorage.setItem("popup" + popid, true); } divpopup.remove(); }) } } } }) } </script> <script> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('backgroundvideoplayer', { width: '100%', videoId: 'M5DImiEjE2A', playerVars: { 'autoplay': 1, 'mute': 1, 'playsinline': 1, 'loop': 1, 'rel': 0, 'playlist': 'M5DImiEjE2A' }, events: { 'onReady': onPlayerReady } }); } // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { event.target.mute(); //event.target.setLoop(true); event.target.playVideo(); } document.addEventListener("visibilitychange", () => { if (document.visibilityState === 'visible') { player.playVideo(); } }); </script> <script src="https://cdn.jsdelivr.net/gh/thelevicole/youtube-to-html5-loader@4.0.1/dist/YouTubeToHtml5.js"></script> <script>new YouTubeToHtml5();</script> </body> </html>