templates/user/video.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ video.influencer.name|title }}
  5.     Nude Video #{{ video.id }} - Share-Nude
  6. {% endblock %}
  7. {% block description %}Nude video #{{ video.id }} of {{ video.influencer.name|title }} MYM posted {% if video.user.username != 'Admin' %}by {{ video.user.username }} {% endif %}on {{ video.createdAt|date('Y-m-d') }}. More leaks of {{ video.influencer.name|title }} Onlyfans on Share-Nude{% endblock %}
  9. {% block meta %}
  10.     <meta content="{{ video.influencer.name|title }} Nude Video #{{ video.id }}" property="og:title"/>
  11.     <meta content="Nude video #{{ video.id }} of {{ video.influencer.name|title }}{% if video.user.username != 'Admin' %} posted by {{ video.user.username }}{% endif %} on Share-Nude. More videos of {{ video.influencer.name|title }} on Share-Nude" property="og:description"/>
  12.     <meta content="Share-Nude" property="og:site_name"/>
  13.     <meta content="en_EN" property="og:locale"/>
  14.     <meta content="video.other" property="og:type"/>
  15.     <meta content="{{ video.embed }}" property="og:video:url"/>
  16.     <meta content="{{ video.embed }}" property="og:video:secure_url"/>
  17.     <meta content="https://share-nude.com{{ app.request.requestUri }}" property="og:url"/>
  18.     {% if video.webp is not null %}
  19.         <meta content="https://share-nude.com{{ asset('images/influencer/' ~ video.influencer.slug ~ '/306/' ~ video.webp) }}" property="og:image"/>
  20.     {% else %}
  21.         <meta content="https://share-nude.com{{ asset('images/influencer/' ~ video.influencer.slug ~ '/306/' ~ video.slug) }}" property="og:image"/>
  22.     {% endif %}
  23.     <meta name="twitter:card" content="summary_large_image"/>
  24.     <meta name="twitter:title" content="{{ video.influencer.name|title }} Nude Video #{{ video.id }}"/>
  25.     <meta name="twitter:description" content="Nude video #{{ video.id }} of {{ video.influencer.name|title }} on Share-Nude"/>
  26.     <meta name="twitter:image" content="https://share-nude.com{{ asset('images/influencer/' ~ video.influencer.slug ~ '/306/' ~ (video.webp ?? video.slug)) }}"/>
  27.     <link rel="canonical" href="{{sharenude|raw}}/v/{{ video.influencer.slug }}/{{ video.id }}"/>
  29.     {# Schema.org JSON-LD - VideoObject #}
  30.     <script type="application/ld+json">
  31.     {
  32.         "@context": "https://schema.org",
  33.         "@type": "VideoObject",
  34.         "name": "{{ video.influencer.name|title }} Nude Video #{{ video.id }}",
  35.         "description": "Nude video of {{ video.influencer.name|title }}{% if video.influencer.onlyfans|length > 0 %} ({{ video.influencer.onlyfans }} OnlyFans){% endif %}{% if video.influencer.mym|length > 0 %} ({{ video.influencer.mym }} MYM){% endif %} posted on Share-Nude",
  36.         "thumbnailUrl": "{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencer.slug ~ '/306/' ~ (video.webp ?? video.slug)) }}",
  37.         "uploadDate": "{{ video.createdAt|date('c') }}",
  38.         "url": "{{sharenude|raw}}/v/{{ video.influencer.slug }}/{{ video.id }}",
  39.         "embedUrl": "{{ video.embed }}",
  40.         "author": {
  41.             "@type": "Person",
  42.             "name": "{{ video.influencer.name|title }}",
  43.             "url": "{{sharenude|raw}}/i/{{ video.influencer.slug }}"
  44.         },
  45.         "publisher": {
  46.             "@type": "Organization",
  47.             "name": "Share-Nude",
  48.             "url": "{{sharenude|raw}}",
  49.             "logo": {
  50.                 "@type": "ImageObject",
  51.                 "url": "{{sharenude|raw}}{{ asset('sharenude.png') }}"
  52.             }
  53.         },
  54.         "interactionStatistic": {
  55.             "@type": "InteractionCounter",
  56.             "interactionType": "https://schema.org/ViewAction",
  57.             "userInteractionCount": {{ video.views }}
  58.         },
  59.         "commentCount": {{ comments|length }},
  60.         "comment": [
  61.             {% for c in comments|slice(0, 10) %}
  62.             {
  63.                 "@type": "Comment",
  64.                 "author": {"@type": "Person", "name": "{{ c.user.username|e('js') }}"},
  65.                 "dateCreated": "{{ c.createdAt|date('c') }}",
  66.                 "text": "{{ c.comment|e('js') }}"
  67.             }{% if not loop.last %},{% endif %}
  68.             {% endfor %}
  69.         ]
  70.     }
  71.     </script>
  73.     {# BreadcrumbList for navigation #}
  74.     <script type="application/ld+json">
  75.     {
  76.         "@context": "https://schema.org",
  77.         "@type": "BreadcrumbList",
  78.         "itemListElement": [
  79.             {
  80.                 "@type": "ListItem",
  81.                 "position": 1,
  82.                 "name": "Home",
  83.                 "item": "{{sharenude|raw}}"
  84.             },
  85.             {
  86.                 "@type": "ListItem",
  87.                 "position": 2,
  88.                 "name": "{{ video.influencer.name|title }}",
  89.                 "item": "{{sharenude|raw}}/i/{{ video.influencer.slug }}"
  90.             },
  91.             {
  92.                 "@type": "ListItem",
  93.                 "position": 3,
  94.                 "name": "Video #{{ video.id }}",
  95.                 "item": "{{sharenude|raw}}/v/{{ video.influencer.slug }}/{{ video.id }}"
  96.             }
  97.         ]
  98.     }
  99.     </script>
  100. {% endblock %}
  102. {% block body %}
  103.     <div class="container">
  104.         {% set breadcrumbs = [
  105.             {'label': video.influencer.name|title, 'url': path('app_influencer', {'slug': video.influencer.slug})},
  106.             {'label': 'Video #' ~ video.id, 'url': path('user_video', {'slug': video.influencer.slug, 'id': video.id})}
  107.         ] %}
  108.         {{ include('partials/breadcrumb.html.twig') }}
  109.         <div class="row">
  110.             <div class="col-lg-12 mx-auto my-3 text-center white">
  111.                 <h1>{{ video.influencer.name|title }} Nude Video #{{ video.id }}</h1>
  112.                 {{ include ('flash.html.twig') }}
  114.                 <!-- VIP Promo Banner -->
  115.                 <div class="vip-promo-alert">
  116.                     <a href="https://share-nude-vip.com" target="_blank" rel="noopener nofollow" class="vip-promo-link">
  117.                         <span class="vip-icon">🌟</span>
  118.                         <span class="vip-text">Share-Nude VIP - Toutes les vidĂ©os exclusives sans pub pour seulement 1€</span>
  119.                         <span class="vip-arrow">→</span>
  120.                     </a>
  121.                 </div>
  123.                 <div class="ratio ratio-16x9 my-3 position-relative" id="video-player-container">
  124.                     <!-- Preroll Overlay -->
  125.                     <div id="preroll-overlay" class="preroll-overlay">
  126.                         <div id="preroll-loader" class="preroll-loader">
  127.                             <div class="preroll-spinner"></div>
  128.                             <p>Loading ad...</p>
  129.                         </div>
  130.                         <video id="preroll-video" class="preroll-video" playsinline preload="auto">
  131.                             <!-- Video source will be set dynamically by JavaScript -->
  132.                         </video>
  133.                         <button id="preroll-play-pause" class="preroll-play-pause" style="display: none;">
  134.                             <i class="fas fa-pause"></i>
  135.                         </button>
  136.                         <div id="preroll-timer" class="preroll-timer" style="display: none;">
  137.                             Skip ad in <span id="timer-seconds">10</span>s
  138.                         </div>
  139.                         <button id="skip-preroll-btn" class="skip-preroll-btn" style="display: none;">
  140.                             Skip Ad
  141.                         </button>
  142.                         <div id="preroll-clickable" class="preroll-clickable"></div>
  143.                     </div>
  144.                     <!-- Real Video (hidden initially) -->
  145.                     <iframe id="real-video" width="600" height="480" src="{{ video.embed }}" scrolling="no" frameborder="0" allowfullscreen="true" style="display: none;"></iframe>
  146.                 </div>
  150.                 {{ include('ads.html.twig') }}
  152.                 {% if video.description|length > 0 %}
  153.                     <p>{{ video.description }}</p>
  154.                 {% endif %}
  155.                 {% if app.user %}
  156.                     <p>
  157.                         {% if is_granted('ROLE_ADMIN') %}
  158.                             <a href="{{ path('user_edit_video', {id:video.id}) }}" class="btn btn-secondary">Edit</a>
  159.                         {% endif %}
  160.                         {% if app.user == video.user or is_granted('ROLE_ADMIN') %}
  161.                             <a href="{{ path('user_remove_video', {id:video.id}) }}" onclick="return confirm('Are you sure you want to delete this video ?');" class="btn btn-danger">Delete</a>
  162.                         {% endif %}
  163.                     </p>
  164.                 {% endif %}
  165.                 <p class="text-muted">Posted
  166.                     {{ video.createdAt|ago }}
  167.                     {% if video.user.username != 'Admin' and video.user.ip is not null %}by
  168.                     <a href="{{ path('user_user', {username: video.user.username}) }}">{{ video.user.username }}</a>{% endif %}<br>{{ video.views|number_format }}
  169.                     <i class="fa-solid fa-eye"></i>
  170.                 </p>
  171.                 <a href="{{path('app_influencer', {slug:video.influencer.slug})}}" title="More {{ video.influencer.name|title }} photos and videos">
  172.                 {{ video.influencer.name }}{% if video.influencer.onlyfans|length > 0 %} / {{ video.influencer.onlyfans }} Onlyfans{% endif %}{% if video.influencer.mym|length > 0 %} / {{ video.influencer.mym }} MyM{% endif %}
  173.                 <br>
  174.                     {% if video.influencer.mainPhoto is not null %}
  175.                         <picture>
  176.                             {% if video.influencer.mainPhoto.webp is not null %}<source srcset="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencer.slug ~ '/196/' ~ video.influencer.mainPhoto.webp ~ '') }}" type="image/webp">{% endif %}
  177.                             <img loading="lazy" src="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencer.slug ~ '/196/' ~ video.influencer.mainPhoto.slug ~ '') }}" class="rounded-circle" title="{{ video.influencer.name|title }} photo" alt="{{ video.influencer.name|title }} photo"/>
  178.                         </picture>
  179.                     {% endif %}
  180.                 </a>
  181.                 <br>
  184.                 {% if video.influencer.videos|length > 1 %}
  185.                     <h2 id="more-videos-title">{{ video.influencer.videos|length -1 }} More {{ video.influencer.name|title }} videos</h2>
  186.                 {% endif %}
  187.                 <div id="more-videos-container" class="row mt-4" data-influencer-id="{{ video.influencer.id }}" data-video-id="{{ video.id }}" data-influencer-name="{{ video.influencer.name|title }}"></div>
  188.                 <div id="load-more-videos-button-container" class="text-center mt-4">
  189.                     <button id="load-more-videos-btn" class="btn btn-primary">
  190.                         Show more {{ video.influencer.name|title }} videos
  191.                     </button>
  192.                 </div>
  194.                 {{ include('comments.html.twig') }}
  196.                 <p class="text-muted mt-4">
  197.                     Is this "{{ video.influencer.name|title }}" video yours and was shared without your consent?
  198.                     <a href="mailto:[email protected]?subject=[DMCA on Share-Nude] Unauthorized Content Removal Request - {{ video.influencer.name|title }} &body=Url : {{sharenude|raw}}    /v/{{ video.influencer.slug }}/{{ video.id }}%0D%0APlease provide details about the content in question">
  199.                         <br>
  200.                         <button class="btn btn-sm btn-outline-danger"> Click here to reach out to us for removal.</button>
  201.                     </a>
  202.                     <br>
  203.                     Video will be deleted within fews days.
  204.                 </p>
  206.             </div>
  207.         </div>
  208.     </div>
  209. {% endblock %}
  211. {% block javascripts %}
  212.     <script>
  213.         // Preroll Ad System
  214.         function initPreroll() {
  215.             const prerollOverlay = document.getElementById('preroll-overlay');
  216.             const prerollVideo = document.getElementById('preroll-video');
  217.             const skipBtn = document.getElementById('skip-preroll-btn');
  218.             const realVideo = document.getElementById('real-video');
  219.             const prerollClickable = document.getElementById('preroll-clickable');
  220.             const timerElement = document.getElementById('preroll-timer');
  221.             const timerSeconds = document.getElementById('timer-seconds');
  222.             const playPauseBtn = document.getElementById('preroll-play-pause');
  223.             const prerollLoader = document.getElementById('preroll-loader');
  225.             if (!prerollOverlay || !prerollVideo || !skipBtn || !realVideo || !timerElement || !timerSeconds || !playPauseBtn || !prerollLoader) return;
  227.             // Array of preroll videos with tracking names
  228.             const prerollVideos = [
  229.                 { file: 'julie.MOV', name: 'julie' },
  230.                 { file: '004_fr.mp4', name: '004_fr' },
  231.                 { file: '006_fr.mp4', name: '006_fr' },
  232.                 { file: 'Afroditee-fr.mp4', name: 'Afroditee-fr' },
  233.                 { file: 'sn-vip.mp4', name: 'sn-vip' }
  234.             ];
  236.             // Randomly select a video (rand 4)
  237.             const selectedVideo = prerollVideos[Math.floor(Math.random() * prerollVideos.length)];
  239.             // Set video source dynamically
  240.             prerollVideo.src = '{{ asset('') }}' + selectedVideo.file;
  242.             // Build tracking URL - julie uses direct Telegram link, sn-vip uses VIP access, others use tracking
  243.             let trackingUrl;
  244.             if (selectedVideo.name === 'julie') {
  245.                 trackingUrl = 'https://t.me/m/I74uPFutOTY1';
  246.             } else if (selectedVideo.name === 'sn-vip') {
  247.                 trackingUrl = 'https://acces.share-nude-vip.com';
  248.             } else {
  249.                 trackingUrl = 'https://go.mavrtracktor.com?sourceId=sharenude&creativeId=preroll&campaignId=' + selectedVideo.name + '&userId=ff9cd0158a2d244c452cbcbc061440b1763a55f068539e459404ba4934dae07b';
  250.             }
  252.             let countdown = 10;
  253.             let isPlaying = true;
  254.             let loaderHidden = false;
  256.             // Function to hide loader and show controls
  257.             function showControls() {
  258.                 if (loaderHidden) return; // Already hidden
  259.                 loaderHidden = true;
  260.                 prerollLoader.style.display = 'none';
  261.                 playPauseBtn.style.display = 'flex';
  262.                 timerElement.style.display = 'block';
  263.             }
  265.             // Update play/pause button icon
  266.             function updatePlayPauseIcon() {
  267.                 const icon = playPauseBtn.querySelector('i');
  268.                 if (isPlaying) {
  269.                     icon.className = 'fas fa-pause';
  270.                 } else {
  271.                     icon.className = 'fas fa-play';
  272.                 }
  273.             }
  275.             // Start countdown timer
  276.             function startCountdown() {
  277.                 currentCountdownInterval = setInterval(() => {
  278.                     countdown--;
  279.                     timerSeconds.textContent = countdown;
  281.                     if (countdown <= 0) {
  282.                         clearInterval(currentCountdownInterval);
  283.                         timerElement.style.display = 'none';
  284.                         skipBtn.style.display = 'block';
  285.                     }
  286.                 }, 1000);
  287.             }
  289.             // Function to start video playback
  290.             async function startVideo() {
  291.                 try {
  292.                     // Try to play with sound first
  293.                     prerollVideo.muted = false;
  294.                     await prerollVideo.play();
  295.                     showControls();
  296.                     clearTimeout(currentPrerollTimeout);
  297.                     isPlaying = true;
  298.                     updatePlayPauseIcon();
  299.                     startCountdown();
  300.                 } catch (error) {
  301.                     // If autoplay with sound fails (Chrome policy), try muted
  302.                     try {
  303.                         prerollVideo.muted = true;
  304.                         await prerollVideo.play();
  305.                         showControls();
  306.                         clearTimeout(currentPrerollTimeout);
  307.                         isPlaying = true;
  308.                         updatePlayPauseIcon();
  309.                         startCountdown();
  310.                     } catch (mutedError) {
  311.                         clearTimeout(currentPrerollTimeout);
  312.                         hidePreroll();
  313.                     }
  314.                 }
  315.             }
  317.             // Wait for video to be ready before playing
  318.             let videoStarted = false;
  319.             function onVideoReady() {
  320.                 if (videoStarted) return; // Prevent double start
  321.                 videoStarted = true;
  322.                 startVideo();
  323.             }
  325.             // Try to play immediately, with retries
  326.             let playAttempts = 0;
  327.             const maxAttempts = 20;
  329.             async function tryPlay() {
  330.                 if (videoStarted) return;
  331.                 playAttempts++;
  333.                 try {
  334.                     // Check if video has any data
  335.                     if (prerollVideo.readyState >= 1) {
  336.                         onVideoReady();
  337.                         return;
  338.                     }
  339.                 } catch (e) {}
  341.                 // Retry after delay if not started
  342.                 if (playAttempts < maxAttempts && !videoStarted) {
  343.                     setTimeout(tryPlay, 250);
  344.                 }
  345.             }
  347.             // Event listeners as backup
  348.             prerollVideo.addEventListener('canplay', onVideoReady, { once: true });
  349.             prerollVideo.addEventListener('loadedmetadata', onVideoReady, { once: true });
  351.             // Force reload and start trying to play
  352.             prerollVideo.load();
  353.             setTimeout(tryPlay, 100);
  355.             // Safety timeout: skip preroll after 5 seconds if video doesn't start
  356.             currentPrerollTimeout = setTimeout(() => {
  357.                 if (!videoStarted) {
  358.                     hidePreroll();
  359.                 }
  360.             }, 5000);
  362.             // Play/Pause button handler
  363.             playPauseBtn.addEventListener('click', (e) => {
  364.                 e.preventDefault();
  365.                 e.stopPropagation();
  367.                 if (isPlaying) {
  368.                     // Pause video and timer
  369.                     prerollVideo.pause();
  370.                     clearInterval(currentCountdownInterval);
  371.                     isPlaying = false;
  372.                 } else {
  373.                     // Resume video and timer
  374.                     prerollVideo.play();
  375.                     startCountdown();
  376.                     isPlaying = true;
  377.                 }
  378.                 updatePlayPauseIcon();
  379.             });
  381.             // Function to hide preroll and show real video
  382.             function hidePreroll() {
  383.                 prerollOverlay.style.display = 'none';
  384.                 realVideo.style.display = 'block';
  385.                 prerollVideo.pause();
  386.                 clearInterval(currentCountdownInterval);
  387.                 clearInterval(currentPollInterval);
  388.                 clearTimeout(currentPrerollTimeout);
  389.             }
  391.             // Skip button click handler
  392.             skipBtn.addEventListener('click', (e) => {
  393.                 e.preventDefault();
  394.                 e.stopPropagation();
  395.                 hidePreroll();
  396.             });
  398.             // Clickable area handler - open tracking link and hide preroll
  399.             prerollClickable.addEventListener('click', (e) => {
  400.                 e.preventDefault();
  401.                 window.open(trackingUrl, '_blank', 'noopener,noreferrer');
  402.                 hidePreroll();
  403.             });
  405.             // When preroll ends, show real video automatically
  406.             prerollVideo.addEventListener('ended', hidePreroll);
  408.             // Handle video errors - skip preroll if video fails to load
  409.             prerollVideo.addEventListener('error', hidePreroll);
  410.         }
  412.         // Variables globales pour stocker les handlers et permettre le nettoyage
  413.         let currentScrollHandler = null;
  414.         let currentTouchMoveHandler = null;
  415.         let currentPrerollTimeout = null;
  416.         let currentCountdownInterval = null;
  417.         let currentPollInterval = null;
  419.         // Fonction pour nettoyer les event listeners et timeouts
  420.         function cleanupEventListeners() {
  421.             if (currentScrollHandler) {
  422.                 window.removeEventListener('scroll', currentScrollHandler);
  423.                 currentScrollHandler = null;
  424.             }
  425.             if (currentTouchMoveHandler) {
  426.                 window.removeEventListener('touchmove', currentTouchMoveHandler);
  427.                 currentTouchMoveHandler = null;
  428.             }
  429.             // Nettoyer les timeouts et intervals du preroll
  430.             if (currentPrerollTimeout) {
  431.                 clearTimeout(currentPrerollTimeout);
  432.                 currentPrerollTimeout = null;
  433.             }
  434.             if (currentCountdownInterval) {
  435.                 clearInterval(currentCountdownInterval);
  436.                 currentCountdownInterval = null;
  437.             }
  438.             if (currentPollInterval) {
  439.                 clearInterval(currentPollInterval);
  440.                 currentPollInterval = null;
  441.             }
  442.             // Mettre en pause la vidĂ©o preroll si elle existe
  443.             const prerollVideo = document.getElementById('preroll-video');
  444.             if (prerollVideo) {
  445.                 prerollVideo.pause();
  446.             }
  447.         }
  449.         function initVideoPage() {
  450.             // Nettoyer les listeners de la page prĂ©cĂ©dente
  451.             cleanupEventListeners();
  453.             // RĂ©cupĂ©rer les Ă©lĂ©ments Ă  chaque fois car ils peuvent changer avec Swup
  454.             function getElements() {
  455.                 return {
  456.                     container: document.getElementById('more-videos-container'),
  457.                     loadMoreBtn: document.getElementById('load-more-videos-btn'),
  458.                     loadMoreBtnContainer: document.getElementById('load-more-videos-button-container')
  459.                 };
  460.             }
  462.             const elements = getElements();
  463.             if (!elements.container) return;
  465.             // RĂ©cupĂ©rer dynamiquement les IDs et le nom depuis les attributs data (pour Ă©viter les conflits avec Swup)
  466.             const influencerId = elements.container.getAttribute('data-influencer-id');
  467.             const videoId = elements.container.getAttribute('data-video-id');
  468.             const influencerName = elements.container.getAttribute('data-influencer-name');
  470.             if (!influencerId || !videoId || !influencerName) {
  471.                 console.error('Missing influencer ID, video ID or influencer name');
  472.                 return;
  473.             }
  475.             // RĂ©initialiser TOUTES les variables Ă  chaque appel pour Ă©viter les conflits entre pages
  476.             let nextPage = 1;
  477.             let isLoading = false;
  478.             let hasMoreVideos = true;
  479.             const loadedVideoIds = new Set();
  480.             const basePath = '/load-more-influencer-videos';
  482.             // Vider le conteneur pour Ă©viter d'afficher les vidĂ©os de la page prĂ©cĂ©dente
  483.             elements.container.innerHTML = '';
  485.             // Supprimer les anciens event listeners en clonant le bouton
  486.             if (elements.loadMoreBtn) {
  487.                 const newBtn = elements.loadMoreBtn.cloneNode(true);
  488.                 elements.loadMoreBtn.parentNode.replaceChild(newBtn, elements.loadMoreBtn);
  489.             }
  491.             // Supprimer l'ancien listener de scroll s'il existe
  492.             if (window._videoScrollHandler) {
  493.                 window.removeEventListener('scroll', window._videoScrollHandler);
  494.                 window.removeEventListener('touchmove', window._videoScrollHandler);
  495.             }
  497.             function updateButtonVisibility() {
  498.                 const elements = getElements();
  499.                 // RĂ©cupĂ©rer le nom de l'influenceur depuis les attributs data
  500.                 const currentInfluencerName = elements.container.getAttribute('data-influencer-name');
  502.                 if (elements.loadMoreBtnContainer) {
  503.                     if (!hasMoreVideos) {
  504.                         elements.loadMoreBtnContainer.style.display = 'none';
  505.                     } else {
  506.                         elements.loadMoreBtnContainer.style.display = 'block';
  507.                     }
  508.                 }
  509.                 if (elements.loadMoreBtn) {
  510.                     elements.loadMoreBtn.disabled = isLoading || !hasMoreVideos;
  511.                     if (isLoading) {
  512.                         elements.loadMoreBtn.textContent = 'Loading...';
  513.                     } else {
  514.                         elements.loadMoreBtn.textContent = 'Show more ' + currentInfluencerName + ' videos';
  515.                     }
  516.                 }
  517.             }
  519.             function buildUrl(page) {
  520.                 return basePath + '/' + page + '?influencer=' + influencerId + '&video=' + videoId;
  521.             }
  523.             function handleScroll() {
  524.                 if (isLoading || !hasMoreVideos) return;
  526.                 const footer = document.getElementById('footer') ? document.getElementById('footer').offsetHeight : 0;
  527.                 const scrollPosition = window.innerHeight + window.scrollY;
  528.                 const documentHeight = document.body.offsetHeight;
  530.                 if (scrollPosition >= documentHeight - 600 - footer) {
  531.                     loadMoreVideos();
  532.                 }
  533.             }
  535.             // Stocker le handler pour pouvoir le supprimer plus tard
  536.             window._videoScrollHandler = handleScroll;
  538.             function getVideoIdFromElement(element) {
  539.                 const link = element.querySelector('a[href*="/v/"]');
  540.                 if (link) {
  541.                     const href = link.getAttribute('href');
  542.                     const match = href.match(/\/v\/[^\/]+\/(\d+)/);
  543.                     if (match) {
  544.                         return match[1];
  545.                     }
  546.                 }
  547.                 return null;
  548.             }
  550.             function loadMoreVideos() {
  551.                 if (isLoading || !hasMoreVideos) return;
  553.                 isLoading = true;
  554.                 updateButtonVisibility();
  555.                 const url = buildUrl(nextPage);
  557.                 fetch(url)
  558.                     .then(response => response.text())
  559.                     .then(data => {
  560.                         const elements = getElements();
  562.                         if (data.trim() === '') {
  563.                             hasMoreVideos = false;
  564.                             isLoading = false;
  565.                             updateButtonVisibility();
  566.                             return;
  567.                         }
  569.                         const tempDiv = document.createElement('div');
  570.                         tempDiv.innerHTML = data;
  571.                         const newElements = Array.from(tempDiv.querySelectorAll('.col-lg-3'));
  573.                         if (elements.container && newElements.length > 0) {
  574.                             let addedCount = 0;
  575.                             newElements.forEach(element => {
  576.                                 const vidId = getVideoIdFromElement(element);
  577.                                 if (!vidId || !loadedVideoIds.has(vidId)) {
  578.                                     elements.container.appendChild(element);
  579.                                     if (vidId) {
  580.                                         loadedVideoIds.add(vidId);
  581.                                     }
  582.                                     addedCount++;
  583.                                 }
  584.                             });
  586.                             if (newElements.length < 4) {
  587.                                 hasMoreVideos = false;
  588.                             } else if (addedCount === 0) {
  589.                                 hasMoreVideos = false;
  590.                             } else {
  591.                                 nextPage += 1;
  592.                             }
  593.                         } else {
  594.                             hasMoreVideos = false;
  595.                         }
  597.                         isLoading = false;
  598.                         updateButtonVisibility();
  599.                     })
  600.                     .catch(error => {
  601.                         console.error('Error loading videos:', error);
  602.                         isLoading = false;
  603.                         hasMoreVideos = false;
  604.                         updateButtonVisibility();
  605.                     });
  606.             }
  608.             // GĂ©rer le clic sur le bouton avec plusieurs types d'Ă©vĂ©nements pour iOS
  609.             const elementsAfterClone = getElements();
  610.             if (elementsAfterClone.loadMoreBtn) {
  611.                 elementsAfterClone.loadMoreBtn.addEventListener('click', loadMoreVideos);
  612.                 elementsAfterClone.loadMoreBtn.addEventListener('touchend', function(e) {
  613.                     e.preventDefault();
  614.                     loadMoreVideos();
  615.                 });
  616.             }
  618.             // Stocker et attacher l'Ă©vĂ©nement de scroll avec plusieurs types pour iOS
  619.             currentScrollHandler = handleScroll;
  620.             currentTouchMoveHandler = handleScroll;
  621.             window.addEventListener('scroll', currentScrollHandler, { passive: true });
  622.             window.addEventListener('touchmove', currentTouchMoveHandler, { passive: true });
  624.             // Initialiser la visibilitĂ© du bouton
  625.             updateButtonVisibility();
  626.         }
  628.         // Variable pour Ă©viter les doubles initialisations
  629.         let isInitializing = false;
  631.         // Fonction wrapper pour initialiser avec vĂ©rification
  632.         function safeInit() {
  633.             // Ă‰viter les doubles initialisations simultanĂ©es
  634.             if (isInitializing) return;
  635.             isInitializing = true;
  637.             // VĂ©rifier que nous sommes sur une page vidĂ©o avant d'initialiser le preroll
  638.             const prerollOverlay = document.getElementById('preroll-overlay');
  639.             if (prerollOverlay) {
  640.                 initPreroll();
  641.             }
  642.             initVideoPage();
  644.             // Reset après un dĂ©lai
  645.             setTimeout(() => {
  646.                 isInitializing = false;
  647.             }, 500);
  648.         }
  650.         // Initialiser au chargement de la page
  651.         if (document.readyState === 'loading') {
  652.             document.addEventListener('DOMContentLoaded', safeInit);
  653.         } else {
  654.             safeInit();
  655.         }
  657.         // RĂ©initialiser après chaque changement de page Swup
  658.         if (typeof Swup !== 'undefined') {
  659.             // Nettoyer avant le changement de page
  660.             document.addEventListener('swup:willReplaceContent', function() {
  661.                 cleanupEventListeners();
  662.             });
  664.             // Utiliser uniquement animationInDone pour Ă©viter les doubles appels
  665.             document.addEventListener('swup:animationInDone', function() {
  666.                 setTimeout(safeInit, 250);
  667.             });
  668.         }
  669.     </script>
  670. {% endblock %}