<?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>Süper Lig - Ananas Sport 2025</title>
	<atom:link href="https://ananassporthd1212.cfd/category/futbol-yayinlari/superlig/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>Sun, 26 Apr 2026 13:54:31 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://ananassporthd1212.cfd/wp-content/uploads/2025/05/cropped-favico-32x32.png</url>
	<title>Süper Lig - Ananas Sport 2025</title>
	<link>https://ananassporthd1212.cfd</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Galatasaray &#8211; Fenerbahçe &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/galatasaray-fenerbahce-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/galatasaray-fenerbahce-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/galatasaray-fenerbahce-2026/</guid>

					<description><![CDATA[<p>Galatasaray - Fenerbahçe Maçı Ne Zaman, Saat Kaçta? Galatasaray - Fenerbahçe Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/galatasaray-fenerbahce-2026/">Galatasaray – Fenerbahçe – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/galatasaray-fenerbahce-2026/" class="mf-card mf-card-clickable" data-match-id="3727"><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">3-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">26 Nisan 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/fenerbahceLogo.png" alt="Fenerbahçe"><div class="mf-team-name">Fenerbahçe</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. Galatasaray ile Fenerbahçe bu hafta oynanacak kritik maçlar arasında. Peki, Galatasaray &#8211; Fenerbahçe maçı ne zaman? Galatasaray-Fenerbahçe maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Galatasaray &#8211; Fenerbahçe Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Galatasaray ve Fenerbahçe&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 26 Nisan 2026 Pazar günü gerçekleşecek.</p>
<h2>Galatasaray Fenerbahçe Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 26 Nisan Pazar günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Galatasaray ile Fenerbahçe 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; Fenerbahçe Maçı Nerede Oynanacak?</h2>
<p>26 Nisan&#8217;da Galatasaray ile Fenerbahçe arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/galatasaray-fenerbahce-2026/">Galatasaray – Fenerbahçe – 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/galatasaray-fenerbahce-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>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>
		<item>
		<title>Konyaspor &#8211; Trabzonspor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/konyaspor-trabzonspor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/konyaspor-trabzonspor-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/konyaspor-trabzonspor-2026/</guid>

					<description><![CDATA[<p>Konyaspor - Trabzonspor Maçı Ne Zaman, Saat Kaçta? Konyaspor - Trabzonspor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/konyaspor-trabzonspor-2026/">Konyaspor – Trabzonspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/konyaspor-trabzonspor-2026/" class="mf-card mf-card-clickable" data-match-id="3731"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/GI8KXqt_7nrWNszUh2mC-A_96x96.png" alt="Konyaspor"><div class="mf-team-name">Konyaspor</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, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/rQs-vhZVYO9BbP4nInu3uw_96x96.png" alt="Trabzonspor"><div class="mf-team-name">Trabzonspor</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. Konyaspor ile Trabzonspor bu hafta oynanacak kritik maçlar arasında. Peki, Konyaspor &#8211; Trabzonspor maçı ne zaman? Konyaspor-Trabzonspor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Konyaspor &#8211; Trabzonspor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Konyaspor ve Trabzonspor&#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>Konyaspor Trabzonspor 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 20.00&#8217;de başlayacak.</p>
<p>Konyaspor ile Trabzonspor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Konyaspor &#8211; Trabzonspor Maçı Nerede Oynanacak?</h2>
<p>27 Nisan&#8217;da Konyaspor ile Trabzonspor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/konyaspor-trabzonspor-2026/">Konyaspor – Trabzonspor – 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/konyaspor-trabzonspor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Rams Başakşehir &#8211; Kasımpaşa &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:56 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/</guid>

					<description><![CDATA[<p>Rams Başakşehir - Kasımpaşa Maçı Ne Zaman, Saat Kaçta? Rams Başakşehir - Kasımpaşa Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/">Rams Başakşehir – Kasımpaşa – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/" class="mf-card mf-card-clickable" data-match-id="3698"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/b_G6FYhPyTa_WdhdikiqyA_96x96.png" alt="Rams Başakşehir"><div class="mf-team-name">Rams Başakşehir</div></div><div class="mf-center"><div class="mf-score">4-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">24 Nisan 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/7zFWZCjDqsK7TH4BxZcdfA_96x96.png" alt="Kasımpaşa"><div class="mf-team-name">Kasımpaşa</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. Rams Başakşehir ile Kasımpaşa bu hafta oynanacak kritik maçlar arasında. Peki, Rams Başakşehir &#8211; Kasımpaşa maçı ne zaman? Rams Başakşehir-Kasımpaşa maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Rams Başakşehir &#8211; Kasımpaşa Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Rams Başakşehir ve Kasımpaşa&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 24 Nisan 2026 Cuma günü gerçekleşecek.</p>
<h2>Rams Başakşehir Kasımpaşa Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 24 Nisan Cuma günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Rams Başakşehir ile Kasımpaşa arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Rams Başakşehir &#8211; Kasımpaşa Maçı Nerede Oynanacak?</h2>
<p>24 Nisan&#8217;da Rams Başakşehir ile Kasımpaşa arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/rams-basaksehir-kasimpasa-2026/">Rams Başakşehir – Kasımpaşa – 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/rams-basaksehir-kasimpasa-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Eyüpspor &#8211; Gaziantep FK &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:56 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/</guid>

					<description><![CDATA[<p>Eyüpspor - Gaziantep FK Maçı Ne Zaman, Saat Kaçta? Eyüpspor - Gaziantep FK Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/">Eyüpspor – Gaziantep FK – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/" class="mf-card mf-card-clickable" data-match-id="3702"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/eyupspor.avif" alt="Eyüpspor"><div class="mf-team-name">Eyüpspor</div></div><div class="mf-center"><div class="mf-score">3-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">25 Nisan 2026, 14:30 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/en/thumb/c/c6/Gazi%C5%9Fehir_Gaziantep_logo.svg/1019px-Gazi%C5%9Fehir_Gaziantep_logo.svg.png" alt="Gaziantep FK"><div class="mf-team-name">Gaziantep FK</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. Eyüpspor ile Gaziantep FK bu hafta oynanacak kritik maçlar arasında. Peki, Eyüpspor &#8211; Gaziantep FK maçı ne zaman? Eyüpspor-Gaziantep FK maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Eyüpspor &#8211; Gaziantep FK Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Eyüpspor ve Gaziantep FK&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 25 Nisan 2026 Cumartesi günü gerçekleşecek.</p>
<h2>Eyüpspor Gaziantep FK Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 25 Nisan Cumartesi günü Türkiye saatiyle 14.30&#8217;de başlayacak.</p>
<p>Eyüpspor ile Gaziantep FK arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Eyüpspor &#8211; Gaziantep FK Maçı Nerede Oynanacak?</h2>
<p>25 Nisan&#8217;da Eyüpspor ile Gaziantep FK arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/eyupspor-gaziantep-fk-2026/">Eyüpspor – Gaziantep FK – 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/eyupspor-gaziantep-fk-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Kayserispor &#8211; Ç.Rizespor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:56 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/</guid>

					<description><![CDATA[<p>Kayserispor - Ç.Rizespor Maçı Ne Zaman, Saat Kaçta? Kayserispor - Ç.Rizespor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/">Kayserispor – Ç.Rizespor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/" class="mf-card mf-card-clickable" data-match-id="3704"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/FdKw8faquwA0zRKnnlfBEA_96x96.png" alt="Kayserispor"><div class="mf-team-name">Kayserispor</div></div><div class="mf-center"><div class="mf-score">2-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">25 Nisan 2026, 17:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/KiNTeyPNWHfM6a_qusw4Qg_96x96.png" alt="Ç.Rizespor"><div class="mf-team-name">Ç.Rizespor</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. Kayserispor ile Ç.Rizespor bu hafta oynanacak kritik maçlar arasında. Peki, Kayserispor &#8211; Ç.Rizespor maçı ne zaman? Kayserispor-Ç.Rizespor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Kayserispor &#8211; Ç.Rizespor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Kayserispor ve Ç.Rizespor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 25 Nisan 2026 Cumartesi günü gerçekleşecek.</p>
<h2>Kayserispor Ç.Rizespor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 25 Nisan Cumartesi günü Türkiye saatiyle 17.00&#8217;de başlayacak.</p>
<p>Kayserispor ile Ç.Rizespor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Kayserispor &#8211; Ç.Rizespor Maçı Nerede Oynanacak?</h2>
<p>25 Nisan&#8217;da Kayserispor ile Ç.Rizespor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/kayserispor-c-rizespor-2026/">Kayserispor – Ç.Rizespor – 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/kayserispor-c-rizespor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Göztepe &#8211; Antalyaspor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:56 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/</guid>

					<description><![CDATA[<p>Göztepe - Antalyaspor Maçı Ne Zaman, Saat Kaçta? Göztepe - Antalyaspor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/">Göztepe – Antalyaspor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/" class="mf-card mf-card-clickable" data-match-id="3706"><div class="mf-header"><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 class="mf-center"><div class="mf-score">2-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">25 Nisan 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>Trendyol Süper Lig, tüm hızı ile devam ediyor! Lig&#8217;in heyecanlı haftasında birbirinden heyecanlı maçlar oynanacak. Göztepe ile Antalyaspor bu hafta oynanacak kritik maçlar arasında. Peki, Göztepe &#8211; Antalyaspor maçı ne zaman? Göztepe-Antalyaspor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Göztepe &#8211; Antalyaspor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Göztepe ve Antalyaspor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 25 Nisan 2026 Cumartesi günü gerçekleşecek.</p>
<h2>Göztepe Antalyaspor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 25 Nisan Cumartesi günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Göztepe 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>Göztepe &#8211; Antalyaspor Maçı Nerede Oynanacak?</h2>
<p>25 Nisan&#8217;da Göztepe 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>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/goztepe-antalyaspor-2026/">Göztepe – 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/superlig/goztepe-antalyaspor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gençlerbirliği &#8211; Kocaelispor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:56 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/</guid>

					<description><![CDATA[<p>Gençlerbirliği - Kocaelispor Maçı Ne Zaman, Saat Kaçta? Gençlerbirliği - Kocaelispor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/">Gençlerbirliği – Kocaelispor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/" class="mf-card mf-card-clickable" data-match-id="3710"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/genclerbirligi.png" alt="Gençlerbirliği"><div class="mf-team-name">Gençlerbirliği</div></div><div class="mf-center"><div class="mf-score">1-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">26 Nisan 2026, 14:30 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/kocaeli.avif" alt="Kocaelispor"><div class="mf-team-name">Kocaelispor</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. Gençlerbirliği ile Kocaelispor bu hafta oynanacak kritik maçlar arasında. Peki, Gençlerbirliği &#8211; Kocaelispor maçı ne zaman? Gençlerbirliği-Kocaelispor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Gençlerbirliği &#8211; Kocaelispor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Gençlerbirliği ve Kocaelispor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 26 Nisan 2026 Pazar günü gerçekleşecek.</p>
<h2>Gençlerbirliği Kocaelispor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 26 Nisan Pazar günü Türkiye saatiyle 14.30&#8217;de başlayacak.</p>
<p>Gençlerbirliği ile Kocaelispor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Gençlerbirliği &#8211; Kocaelispor Maçı Nerede Oynanacak?</h2>
<p>26 Nisan&#8217;da Gençlerbirliği ile Kocaelispor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/genclerbirligi-kocaelispor-2026/">Gençlerbirliği – Kocaelispor – 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/genclerbirligi-kocaelispor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gaziantep FK &#8211; Kayserispor &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 19 Apr 2026 20:25:55 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/</guid>

					<description><![CDATA[<p>Gaziantep FK - Kayserispor Maçı Ne Zaman, Saat Kaçta? Gaziantep FK - Kayserispor Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/">Gaziantep FK – Kayserispor – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/" class="mf-card mf-card-clickable" data-match-id="3686"><div class="mf-header"><div class="mf-side"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/en/thumb/c/c6/Gazi%C5%9Fehir_Gaziantep_logo.svg/1019px-Gazi%C5%9Fehir_Gaziantep_logo.svg.png" alt="Gaziantep FK"><div class="mf-team-name">Gaziantep FK</div></div><div class="mf-center"><div class="mf-score">3-0</div><div class="mf-status">Tamamlandı</div><div class="mf-date">20 Nisan 2026, 20:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ssl.gstatic.com/onebox/media/sports/logos/FdKw8faquwA0zRKnnlfBEA_96x96.png" alt="Kayserispor"><div class="mf-team-name">Kayserispor</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. Gaziantep FK ile Kayserispor bu hafta oynanacak kritik maçlar arasında. Peki, Gaziantep FK &#8211; Kayserispor maçı ne zaman? Gaziantep FK-Kayserispor maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Gaziantep FK &#8211; Kayserispor Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Gaziantep FK ve Kayserispor&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 20 Nisan 2026 Pazartesi günü gerçekleşecek.</p>
<h2>Gaziantep FK Kayserispor Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 20 Nisan Pazartesi günü Türkiye saatiyle 20.00&#8217;de başlayacak.</p>
<p>Gaziantep FK ile Kayserispor arasında gerçekleştirilecek heyecan dolu futbol mücadelesi, beIN SPORTS 1 ekranlarında futbol severlerle canlı olarak buluşacak.</p>
<h2>Gaziantep FK &#8211; Kayserispor Maçı Nerede Oynanacak?</h2>
<p>20 Nisan&#8217;da Gaziantep FK ile Kayserispor arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/gaziantep-fk-kayserispor-2026/">Gaziantep FK – Kayserispor – 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/gaziantep-fk-kayserispor-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Samsunspor &#8211; Beşiktaş &#8211; 2026</title>
		<link>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/samsunspor-besiktas-2026/</link>
					<comments>https://ananassporthd1212.cfd/futbol-yayinlari/superlig/samsunspor-besiktas-2026/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 18 Apr 2026 11:11:30 +0000</pubDate>
				<category><![CDATA[Süper Lig]]></category>
		<guid isPermaLink="false">https://ananassporthd1212.cfd/futbol-yayinlari/superlig/samsunspor-besiktas-2026/</guid>

					<description><![CDATA[<p>Samsunspor - Beşiktaş Maçı Ne Zaman, Saat Kaçta? Samsunspor - Beşiktaş Maçı Nereden İzlenir?</p>
<p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/samsunspor-besiktas-2026/">Samsunspor – Beşiktaş – 2026</a> first appeared on <a href="https://ananassporthd1212.cfd">Ananas Sport 2025</a>.</p>]]></description>
										<content:encoded><![CDATA[<a href="/futbol-yayinlari/superlig/samsunspor-besiktas-2026/" class="mf-card mf-card-clickable" data-match-id="3670"><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">2-1</div><div class="mf-status">Tamamlandı</div><div class="mf-date">19 Nisan 2026, 17:00 (TSİ)</div></div><div class="mf-side"><img decoding="async" src="https://ananassport.live/wp-content/uploads/2025/08/besiktas.png" alt="Beşiktaş"><div class="mf-team-name">Beşiktaş</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. Samsunspor ile Beşiktaş bu hafta oynanacak kritik maçlar arasında. Peki, Samsunspor &#8211; Beşiktaş maçı ne zaman? Samsunspor-Beşiktaş maçı saat kaçta ve hangi kanalda yayınlanacak? Maç nereden izlenecek?</p>
<h2>Samsunspor &#8211; Beşiktaş Maçı Ne Zaman?</h2>
<p>Trendyol Süper Lig&#8217;de heyecan devam ediyor. Samsunspor ve Beşiktaş&#8217;ın çekişmeli karşılaşması, taraftarlar ve futbolseverler tarafından heyecanla bekleniyor. Maç ise 19 Nisan 2026 Pazar günü gerçekleşecek.</p>
<h2>Samsunspor Beşiktaş Maçı Saat Kaçta?</h2>
<p>Futbol tutkunlarının dört gözle beklediği bu karşılaşma, 19 Nisan Pazar günü Türkiye saatiyle 17.00&#8217;de başlayacak.</p>
<p>Samsunspor ile Beşiktaş 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; Beşiktaş Maçı Nerede Oynanacak?</h2>
<p>19 Nisan&#8217;da Samsunspor ile Beşiktaş arasında gerçekleşecek olan karşılaşmanın stadyum ve hakem bilgileri maç saati yaklaştığında netleşecektir.</p><p>The post <a href="https://ananassporthd1212.cfd/futbol-yayinlari/superlig/samsunspor-besiktas-2026/">Samsunspor – Beşiktaş – 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/samsunspor-besiktas-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
