u003cstyleu003e n/* u002du002d- STYLES FOR STANDALONE SHARE BANNER u002du002d- */n.standalone-share-banner {n position: absolute; /* Crucial for positioning the toast */n top: 320px;nright: 0; nmax-width: 110px;nmin-width:80px;n nheight: 40px;nz-index: 10;nn /* margin: 20px auto; /* Center the banner */ */n /* border-radius: 8px; */n /* overflow: hidden; /* Ensures toast corners don’t stick out */ */n}nn.standalone-share-banner img {n cursor: pointer;n transition: opacity 0.3s ease;n}nn.standalone-share-banner img:hover {n opacity: 0.85;n}nn.standalone-share-toast {n position: absolute;n bottom: 20px; /* Positioned 20px from the bottom, *inside* the banner */n left: 50%;n transform: translateX(-50%) translateY(20px); /* Start hidden below */n background-color: #0678E3;n color: white;n padding: 12px 24px;n border-radius: 8px;n font-size: 14px;n font-weight: 500;n z-index: 10;n opacity: 0;n transition: all 0.3s ease;n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);n pointer-events: none;n font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n}nn.standalone-share-toast.show {n opacity: 1;n transform: translateX(-50%) translateY(0); /* Animate into view */n}nn @media (max-width: 768px) {n .standalone-share-banner {n top: 80px;n }n }n u003c/styleu003enu003cdiv class=u0022standalone-share-banneru0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/12/BOTTONS-SHARE-OF-DERECHA.pngu0022 alt=u0022Share This Pageu0022u003en u003cdiv class=u0022standalone-share-toastu0022u003eLink copied to clipboard!u003c/divu003enu003c/divu003enu003cscriptu003en(function() {n ‘use strict’;nn /**n * Shows the toast message for a specific banner.n * @param {HTMLElement} toastElement – The specific toast element to show.n */n function showBannerToast(toastElement) {n // If a timer is already running for this toast, clear itn if (toastElement.vptToastTimer) {n clearTimeout(toastElement.vptToastTimer);n }n n // Show the toastn toastElement.classList.add(‘show’);n n // Set a new timer to hide itn toastElement.vptToastTimer = setTimeout(() =u003e {n toastElement.classList.remove(‘show’);n toastElement.vptToastTimer = null; // Clear the timer IDn }, 3000);n }n n /**n * Handles the share logic for a clicked banner.n * @param {HTMLElement} toastElement – The toast element associated with the clicked banner.n */n async function shareBannerPage(toastElement) {n const url = window.location.href;n const title = document.title;n n if (navigator.share) {n // Use the Web Share APIn try {n await navigator.share({ title: title, url: url });n } catch (err) {n // If user aborts (AbortError), do nothing.n // For other errors, fall back to clipboard.n if (err.name !== ‘AbortError’) {n navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }n } else {n // Fallback for browsers that don’t support Web Share APIn navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }nn // Run this script when the DOM is fully loadedn document.addEventListener(‘DOMContentLoaded’, function() {n // Find ALL share banners on the pagen const allBanners = document.querySelectorAll(‘.standalone-share-banner’);n n // Loop through each banner and set it upn allBanners.forEach(banner =u003e {n const img = banner.querySelector(‘img’);n const toast = banner.querySelector(‘.standalone-share-toast’);n n if (img u0026u0026 toast) {n // Add a click listener to the imagen img.addEventListener(‘click’, function() {n shareBannerPage(toast);n });n } else {n console.warn(‘Share banner setup incomplete. Missing img or toast element.’, banner);n }n });n });n})();nu003c/scriptu003e

u003cstyleu003en/* u002du002d- NAMESPACE: vpb- (Bottom Videos Instance) u002du002d- */n.vpb-container {n max-width: 1400px; margin: 0 auto; padding: 5px;n background-color: #000; font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n position: relative;n box-sizing: border-box;n}nn/* THEATER OVERLAY */n.vpb-theater-overlay {n position: fixed; top: 0; left: 0; width: 100%; height: 100%;n background-color: rgba(0, 0, 0, 1); z-index: 999;n opacity: 0; pointer-events: none; transition: opacity 0.3s ease;n}n.vpb-theater-overlay.active { opacity: 1; pointer-events: auto; }nn/* MAIN PLAYER */n.vpb-main-player {n padding: 4px; border-radius: 0px; position: relative;n z-index: 1000; transition: z-index 0s;n}n.vpb-theater-mode .vpb-main-player { z-index: 1001; }nn.vpb-layout { display: grid; grid-template-columns: 1fr; gap: 10px; }nn.vpb-video-wrapper {n position: relative; padding-bottom: 56.25%; height: 0;n overflow: hidden; background-color: #000; border-radius: 0px;n}n.vpb-video-wrapper iframe {n position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;n}nn/* GALLERY CONTAINER */n.vpb-gallery {n background-color: #060606; padding: 0; border-radius: 8px;n max-height: 600px; overflow: hidden; display: flex;n flex-direction: column; position: relative;n transition: min-height 0.3s ease;n min-height: 400px;n}nn/* COLLAPSED STATE */n.vpb-gallery.gallery-collapsed {n min-height: 0 !important; height: auto !important; max-height: none !important;n}n.vpb-gallery.gallery-collapsed .vpb-gallery-content,n.vpb-gallery.gallery-collapsed u003e img,n.vpb-gallery.gallery-collapsed .vpb-column-headers-row {n display: none !important;n}nn/* MAIN HEADER */n.vpb-gallery-title {n color: #b3cffe; font-size: 18px; font-weight: 600; margin: 0 !important;n padding: 15px 20px; border-bottom: 2px solid #0678E3;n background-color: #060606; position: sticky; top: 0;n z-index: 100; display: flex; align-items: center; justify-content: space-between;n}n.vpb-gallery-title-text { flex: 1; color: #b3cffe; }nn/* u002du002d- BUTTON STYLES u002du002d- */n.vpb-gallery-controls { display: flex; gap: 10px; align-items: center; }nn.vpb-control-btn {n background: none; border: none; cursor: pointer; padding: 0px;n border-radius: 0px; transition: all 0.3s ease; display: flex;n align-items: center; justify-content: center; font-size: 20px;n width: 140px; height: auto;n}n.vpb-control-btn img {n width: 110px; height: auto; object-fit: contain;n transition: all 0.3s ease; opacity: 0.8; display: block !important;n}nn/* Specific overrides for small buttons (Galaxy u0026 Toggle) */n#vpbGalaxyBtn img, #vpbToggleGalleryBtn img { width: 60px; }nn.vpb-control-btn:hover img, .vpb-control-btn.active img { transform: scale(1.05); opacity: 1; }n.vpb-control-btn:hover, .vpb-control-btn:active, .vpb-control-btn.active { background: transparent !important; }nn/* u002du002d- SUB-HEADER ROW u002du002d- */n.vpb-column-headers-row {n display: grid;n grid-template-columns: 1fr auto 1fr; n align-items: center;n background-color: #0D0D0E;n padding: 5px 15px;n border-bottom: 1px solid #222;n position: sticky; top: 0; z-index: 99;n}nn/* Title on the Left */n.vpb-column-header {n color: #b3cffe; font-size: 14px; font-weight: 600; padding: 12px 0;n text-align: left; n}nn/* Play Button in Center */n.vpb-header-play-container {n display: flex;n justify-content: center;n align-items: center;n gap: 45px;n}nn/* === PLAY/PAUSE BUTTON – MATCHED TO VPT === */n.vpb-play-pause-btn {n width: auto !important;n padding: 0 !important;n}n.vpb-play-pause-btn img {n width: 55px !important;n height: auto;n opacity: 1 !important;n filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));n transition: all 0.3s ease;n}n.vpb-play-pause-btn:hover img { transform: scale(1.1); }nn/* === NEXT BUTTON STYLES – MATCHED TO VPT === */n.vpb-next-btn {n width: auto !important;n padding: 0 !important;n background: none !important;n border: none;n cursor: pointer;n display: flex;n align-items: center;n justify-content: center;n transition: all 0.3s ease;n}n.vpb-next-btn img {n width: 55px !important;n height: auto;n opacity: 0.9;n transition: all 0.3s ease;n filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));n}n.vpb-next-btn:hover img { transform: scale(1.1); opacity: 1; }nn/* Spacer on Right */n.vpb-header-spacer { pointer-events: none; }nn/* TOAST */n.vpb-share-toast {n position: fixed; bottom: 30px; left: 50%;n transform: translateX(-50%) translateY(100px);n background-color: #0678E3; color: white; padding: 12px 24px;n border-radius: 8px; font-size: 14px; font-weight: 500; z-index: 10000;n opacity: 0; transition: all 0.3s ease;n}n.vpb-share-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }nn/* CONTENT AREA */n.vpb-gallery-content {n flex: 1; display: grid; grid-template-columns: 1fr;n gap: 0; overflow: hidden; position: relative;n min-height: 0; n height: 100%;n}nn/* GALAXY MODE */n.vpb-galaxy-container {n position: absolute; top: 0; left: 0; width: 100%; height: 100%;n background-color: #000; z-index: 60; display: none;n}n.vpb-galaxy-container img { width: 100%; height: 100%; }n.vpb-gallery.galaxy-mode-active .vpb-galaxy-container { display: block; }nn/* u002du002d- FIX: POP THE GIF OUT ABOVE THE OVERLAY u002du002d- */n.vpb-theater-mode .vpb-gallery.galaxy-mode-active .vpb-galaxy-container { n z-index: 1001; n}nn/* u002du002d- GALAXY ARROWS FIXED u002du002d- */n.vpb-galaxy-nav {n position: absolute; top: 50%; transform: translateY(-50%);n background-color: rgba(0, 0, 0, 0.5) ; color: white;n border: none; font-size: 30px; padding: 15px;n cursor: pointer; z-index: 1005;n}n#vpbNavPrev { left: 10px; }n#vpbNavNext { right: 10px; }nnn.vpb-gallery-column { display: flex; flex-direction: column; overflow: hidden; background: #00060f;n min-height: 0;n height: 100%;n}n.vpb-column-scroll { flex: 1; overflow-y: auto; padding: 10px; n -webkit-overflow-scrolling: touch;n}n.vpb-column-scroll::-webkit-scrollbar { width: 8px; }n.vpb-column-scroll::-webkit-scrollbar-track { background: #000; }n.vpb-column-scroll::-webkit-scrollbar-thumb { background: #0678E3; border-radius: 4px; }nn/* VIDEO GRID */n.vpb-list-grid {n display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;n}n.vpb-video-item {n position: relative; background-color: rgba(0,0,0,0.3); border-radius: 6px; cursor: pointer;n transition: all 0.3s ease; border: 2px solid transparent; overflow: hidden;n}n.vpb-video-item:hover, .vpb-video-item.active { border-color: #0678E3; }nn.vpb-gallery-iframe-wrapper {n position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #000;n pointer-events: none;n}n.vpb-gallery-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }nn.vpb-click-overlay {n position: absolute; top: 0; left: 0; width: 100%; height: 100%;n z-index: 10; background: rgba(0, 0, 0, 0.6);n display: flex; align-items: center; justify-content: center;n transition: background-color 0.3s ease;n}n.vpb-video-item:hover .vpb-click-overlay { background-color: transparent; }nn.vpb-play-button {n width: 50px; height: 50px; background-color: rgba(6, 120, 227, 0.9);n border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0;n transition: opacity 0.3s ease;n}n.vpb-video-item:hover .vpb-play-button { opacity: 1; }n.vpb-play-button::after {n content: ”; width: 0; height: 0; border-left: 14px solid white;n border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-left: 3px;n}nn/* === 10s SEEK BUTTON STYLES – MATCHED TO VPT === */n.vpb-seek-btn {n width: auto !important;n padding: 0 !important;n background: none !important;n border: none;n cursor: pointer;n display: flex;n align-items: center;n justify-content: center;n transition: all 0.3s ease;n}n.vpb-seek-btn img {n width: 55px !important;n height: auto;n opacity: 0.9;n transition: all 0.3s ease;n filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));n}n.vpb-seek-btn:hover img {n transform: scale(1.1);n opacity: 1;n}n/* === END 10s SEEK BUTTON STYLES === */nn@media (max-width: 768px) {n .vpb-container { width: 100vw; margin-left: calc(50% – 50vw); margin-right: calc(50% – 50vw); }n .vpb-gallery { margin: 10px 12px; max-height: 700px; }n .vpb-gallery-content {n max-height: 330px;n }n n /* Mobile Button Sizing */n .vpb-control-btn { width: 40px; padding: 2px; }n .vpb-control-btn img { width: 100%; }n n #vpbGalaxyBtn img, #vpbToggleGalleryBtn img { width: 30px; }n .vpb-play-pause-btn img { width: 55px !important; }nn .vpb-header-play-container { gap: 10px; justify-content: flex-end; margin-right: 3px; }n .vpb-column-headers-row { grid-template-columns: auto 1fr; padding: 5px 10px; }n .vpb-header-spacer { display: none; }nn .vpb-scroll-next-btn img,n .vpb-next-btn img {n width: 40px !important;n }nn .vpb-seek-btn img {n width: 40px !important;n }n}nu003c/styleu003ennu003cdiv class=u0022vpb-theater-overlayu0022u003eu003c/divu003enu003cdiv class=u0022vpb-containeru0022u003en u003cdiv class=u0022vpb-layoutu0022u003en u003cdiv class=u0022vpb-main-playeru0022u003en u003cdiv class=u0022vpb-video-wrapperu0022u003en u003ciframe class=u0022vpb-main-iframeu0022 src=u0022u0022 allow=u0022accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-shareu0022 allowfullscreenu003eu003c/iframeu003en u003c/divu003en u003c/divu003en u003cdiv class=u0022vpb-galleryu0022u003en u003ch3 class=u0022vpb-gallery-titleu0022u003en u003cspan class=u0022vpb-gallery-title-textu0022u003eGalleryu003c/spanu003en u003cdiv class=u0022vpb-gallery-controlsu0022u003en u003cbutton class=u0022vpb-control-btnu0022 id=u0022vpbGalaxyBtnu0022 title=u0022Galaxy Modeu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/01/GALAXY-MODE.pngu0022 alt=u0022Galaxyu0022u003en u003c/buttonu003en u003cbutton class=u0022vpb-control-btnu0022 id=u0022vpbToggleGalleryBtnu0022 title=u0022Show/Hideu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/12/BOTTONS-Open.pngu0022 alt=u0022Toggleu0022u003en u003c/buttonu003en u003cbutton class=u0022vpb-control-btnu0022 id=u0022vpbTheaterBtnu0022 title=u0022Theater Modeu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/10/BOTTONS-ON-OFF-LARGO.pngu0022 alt=u0022Theateru0022u003en u003c/buttonu003en u003cbutton class=u0022vpb-control-btnu0022 id=u0022vpbShareBtnu0022 title=u0022Shareu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/10/BOTTONS-SHARE-LARGO.pngu0022 alt=u0022Shareu0022u003en u003c/buttonu003en u003c/divu003en u003c/h3u003enn u003cdiv class=u0022vpb-column-headers-rowu0022u003en u003cdiv class=u0022vpb-column-headeru0022u003e🎬 Movieu003c/divu003en n u003cdiv class=u0022vpb-header-play-containeru0022u003en u003cbutton class=u0022vpb-control-btn vpb-play-pause-btnu0022 title=u0022Play/Pauseu0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/01/BOTTON-PLAYER.pngu0022 alt=u0022Play/Pauseu0022u003en u003c/buttonu003en u003c!u002du002d === NEXT BUTTON WITH IMAGE === u002du002du003en u003cbutton class=u0022vpb-control-btn vpb-next-btnu0022 id=u0022vpbNextBtnu0022 title=u0022Next Videou0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/01/NEXT.pngu0022 alt=u0022Nextu0022u003en u003c/buttonu003en u003c!u002du002d === END NEXT BUTTON === u002du002du003enn u003c!u002du002d === 10s BACKWARD BUTTON === u002du002du003en u003cbutton class=u0022vpb-control-btn vpb-seek-btnu0022 id=u0022vpbSeekBackBtnu0022 title=u0022Rewind 10su0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/03/10-SEC-BOTTON.pngu0022 alt=u0022Rewind 10su0022u003en u003c/buttonu003en u003c!u002du002d === END 10s BACKWARD BUTTON === u002du002du003enn u003c!u002du002d === 10s FORWARD BUTTON === u002du002du003en u003cbutton class=u0022vpb-control-btn vpb-seek-btnu0022 id=u0022vpbSeekFwdBtnu0022 title=u0022Forward 10su0022u003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/03/10-SEC-BOTTON-2.pngu0022 alt=u0022Forward 10su0022u003en u003c/buttonu003en u003c!u002du002d === END 10s FORWARD BUTTON === u002du002du003en u003c/divu003enn u003cdiv class=u0022vpb-header-spaceru0022u003eu003c/divu003en u003c/divu003enn u003cdiv class=u0022vpb-gallery-contentu0022u003en u003cdiv class=u0022vpb-galaxy-containeru0022u003en u003cbutton class=u0022vpb-galaxy-navu0022 id=u0022vpbNavPrevu0022u003eu0026#10094;u003c/buttonu003en u003cimg class=u0022vpb-galaxy-imageu0022 src=u0022u0022 alt=u0022Galaxyu0022u003en u003cbutton class=u0022vpb-galaxy-navu0022 id=u0022vpbNavNextu0022u003eu0026#10095;u003c/buttonu003en u003c/divu003enn u003cdiv class=u0022vpb-gallery-columnu0022u003en u003cdiv class=u0022vpb-column-scrollu0022u003en u003cdiv class=u0022vpb-list-gridu0022u003eu003c/divu003en u003c/divu003en u003c/divu003en u003c/divu003en u003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2026/01/BANNER-TOP-HITS-SCROLL-VIDEO-SOURCES.jpgu0022 style=u0022width:100%; display:block;u0022 /u003en u003c/divu003en u003c/divu003enu003c/divu003enu003cdiv class=u0022vpb-share-toastu0022u003eLink copied to clipboard!u003c/divu003ennu003cscriptu003en(function() {n ‘use strict’;n n const VPB_GIFS = [ n u0022https://snipeproductions.com/wp-content/uploads/2025/12/SNPSPACE1S.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/2.IN-THE-CLOUD-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/3.THE-NEON-CITY.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/4.ASTRONAUT-PASSING1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/5.4K-ALIEN-NEON-1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/6.TOKYO-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/7.INFINITE-DRIFT1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/8.SNOWY-ENGLISH1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/9.-RELAX-IN-A-COZY-EDITION-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/10.RAINY-NIGHT1.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/11.MAGICAL-OFICIAL.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/12.NEW-ROLLER-OFICIAL.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/13.SKY-LOUNGE-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/14.SACHI-LOUN-OF.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/SNP-GALAXY.gifu0022,n u0022https://snipeproductions.com/wp-content/uploads/2025/12/15.DANCING-SKELE-1.gifu0022,n ];n nn const VPB_TOP_VIDEOS = [n { id: ‘4EtfV3YpcnQ’, title: ‘Top Video 1’ }, { id: ”, title: ‘Top Video 2’ },n { id: ”, title: ‘Top Video 3’ }, { id: ”, title: ‘Top Video 4’ },n { id: ”, title: ‘Top Video 5’ }, { id: ”, title: ‘Top Video 6’ },n ];n n function vpbInitAllPlayers() {n const vpbContainers = document.querySelectorAll(‘.vpb-container’);n vpbContainers.forEach(vpbContainer =u003e vpbInitSinglePlayer(vpbContainer));n }nn function vpbInitSinglePlayer(vpbContainer) {n let vpbCurrentVideoIndex = 0;n let vpbTheaterModeActive = false;n let vpbGalaxyModeActive = false;n let vpbIsPlaying = false;n let vpbGifIndex = 0;n let vpbClickTimeout = null;n let vpbCurrentTime = 0;nn const vpbIframe = vpbContainer.querySelector(‘.vpb-main-iframe’);n const vpbPlayPauseBtn = vpbContainer.querySelector(‘.vpb-play-pause-btn’);n const vpbNextBtn = vpbContainer.querySelector(‘#vpbNextBtn’);n const vpbTheaterBtn = vpbContainer.querySelector(‘#vpbTheaterBtn’);n const vpbShareBtn = vpbContainer.querySelector(‘#vpbShareBtn’);n const vpbGalaxyBtn = vpbContainer.querySelector(‘#vpbGalaxyBtn’);n const vpbToggleBtn = vpbContainer.querySelector(‘#vpbToggleGalleryBtn’);n const vpbNavNext = vpbContainer.querySelector(‘#vpbNavNext’);n const vpbNavPrev = vpbContainer.querySelector(‘#vpbNavPrev’);n const vpbGalaxyImg = vpbContainer.querySelector(‘.vpb-galaxy-image’);n const vpbListContainer = vpbContainer.querySelector(‘.vpb-list-grid’);n const vpbScrollContainer = vpbContainer.querySelector(‘.vpb-column-scroll’);n n const vpbTheaterOverlay = document.querySelector(‘.vpb-theater-overlay’);n const vpbToast = document.querySelector(‘.vpb-share-toast’);nn const vpbSeekBackBtn = vpbContainer.querySelector(‘#vpbSeekBackBtn’);n const vpbSeekFwdBtn = vpbContainer.querySelector(‘#vpbSeekFwdBtn’);nn window.addEventListener(‘message’, function(event) {n try {n var data = (typeof event.data === ‘string’) ? JSON.parse(event.data) : event.data;n if (data.event === ‘infoDelivery’ u0026u0026 data.info u0026u0026 typeof data.info.currentTime === ‘number’) {n vpbCurrentTime = data.info.currentTime;n }n } catch (e) { /* ignore non-JSON messages */ }n });nn function vpbLoadVideoByIndex(index, shouldAutoplay = true) {n if (index u003e= 0 u0026u0026 index u003c VPB_TOP_VIDEOS.length) {n vpbCurrentVideoIndex = index;n const video = VPB_TOP_VIDEOS[index];n const apParam = shouldAutoplay ? ‘1’ : ‘0’;n const muteParam = shouldAutoplay ? ‘1’ : ‘0’;n vpbIsPlaying = shouldAutoplay;n vpbCurrentTime = 0;n vpbIframe.src = `https://www.youtube.com/embed/${video.id}?enablejsapi=1u0026autoplay=${apParam}u0026mute=${muteParam}u0026rel=0u0026origin=${encodeURIComponent(window.location.origin)}`;n vpbUpdateActiveState();n }n }nn function vpbPlayNextVideo() {n let nextIndex = vpbCurrentVideoIndex + 1;n if (nextIndex u003e= VPB_TOP_VIDEOS.length) {n nextIndex = 0;n if (vpbScrollContainer) {n vpbScrollContainer.scrollTo({ top: 0, behavior: ‘smooth’ });n }n }n vpbLoadVideoByIndex(nextIndex, false);n n const videoItems = vpbListContainer.querySelectorAll(‘.vpb-video-item’);n if (videoItems[nextIndex]) {n videoItems[nextIndex].scrollIntoView({ behavior: ‘smooth’, block: ‘nearest’ });n }n }nn function vpbTogglePlayPause() {n if (!vpbIframe.src) return;n if (vpbIsPlaying) {n vpbIframe.contentWindow.postMessage(‘{u0022eventu0022:u0022commandu0022,u0022funcu0022:u0022pauseVideou0022,u0022argsu0022:[]}’, ‘*’);n vpbIsPlaying = false;n } else {n vpbIframe.contentWindow.postMessage(‘{u0022eventu0022:u0022commandu0022,u0022funcu0022:u0022playVideou0022,u0022argsu0022:[]}’, ‘*’);n vpbIsPlaying = true;n }n }nn function vpbSeekBy(seconds) {n if (!vpbIframe.src || !vpbIframe.contentWindow) return;n var newTime = Math.max(0, vpbCurrentTime + seconds);n vpbIframe.contentWindow.postMessage(JSON.stringify({n event: ‘command’,n func: ‘seekTo’,n args: [newTime, true]n }), ‘*’);n vpbCurrentTime = newTime;n }nn function vpbUpdateActiveState() {n const allItems = vpbListContainer.querySelectorAll(‘.vpb-video-item’);n allItems.forEach(item =u003e item.classList.remove(‘active’));n if (vpbCurrentVideoIndex u003e= 0 u0026u0026 vpbCurrentVideoIndex u003c allItems.length) {n allItems[vpbCurrentVideoIndex].classList.add(‘active’);n }n }nn function vpbRenderList() {n if (!vpbListContainer) return;n let html = ”;n VPB_TOP_VIDEOS.forEach((video) =u003e {n html += `n u003cdiv class=u0022vpb-video-itemu0022 data-id=u0022${video.id}u0022u003en u003cdiv class=u0022vpb-gallery-iframe-wrapperu0022u003en u003ciframe src=u0022https://www.youtube.com/embed/${video.id}u0022 frameborder=u00220u0022 allow=u0022encrypted-mediau0022u003eu003c/iframeu003en u003c/divu003en u003cdiv class=u0022vpb-click-overlayu0022u003eu003cdiv class=u0022vpb-play-buttonu0022u003eu003c/divu003eu003c/divu003en u003c/divu003e`;n });n vpbListContainer.innerHTML = html;n n const items = vpbListContainer.querySelectorAll(‘.vpb-video-item’);n items.forEach((item, index) =u003e {n item.addEventListener(‘click’, () =u003e {n if (vpbClickTimeout) clearTimeout(vpbClickTimeout);n vpbClickTimeout = setTimeout(() =u003e {n vpbLoadVideoByIndex(index, false);n }, 250);n });n item.addEventListener(‘dblclick’, () =u003e {n if (vpbClickTimeout) clearTimeout(vpbClickTimeout);n vpbLoadVideoByIndex(index, true);n });n });n }n n function vpbToggleGallerySection() {n vpbContainer.querySelector(‘.vpb-gallery’).classList.toggle(‘gallery-collapsed’);n }nn function vpbToggleTheaterMode() {n vpbTheaterModeActive = !vpbTheaterModeActive;n if (vpbTheaterModeActive) {n if(vpbTheaterOverlay) vpbTheaterOverlay.classList.add(‘active’);n vpbContainer.classList.add(‘vpb-theater-mode’);n vpbTheaterBtn.classList.add(‘active’);n } else {n if(vpbTheaterOverlay) vpbTheaterOverlay.classList.remove(‘active’);n vpbContainer.classList.remove(‘vpb-theater-mode’);n vpbTheaterBtn.classList.remove(‘active’);n }n }nn function vpbToggleGalaxyMode() {n vpbGalaxyModeActive = !vpbGalaxyModeActive;n const gallery = vpbContainer.querySelector(‘.vpb-gallery’);n if (vpbGalaxyModeActive) {n gallery.classList.add(‘galaxy-mode-active’);n vpbGalaxyBtn.classList.add(‘active’);n vpbUpdateGif();n } else {n gallery.classList.remove(‘galaxy-mode-active’);n vpbGalaxyBtn.classList.remove(‘active’);n }n }n n function vpbUpdateGif() {n if(vpbGalaxyImg) vpbGalaxyImg.src = VPB_GIFS[vpbGifIndex];n }n function vpbNextGif() { vpbGifIndex++; if(vpbGifIndex u003e= VPB_GIFS.length) vpbGifIndex = 0; vpbUpdateGif(); }n function vpbPrevGif() { vpbGifIndexu002du002d; if(vpbGifIndex u003c 0) vpbGifIndex = VPB_GIFS.length – 1; vpbUpdateGif(); }nn function vpbShowToast() {n if(vpbToast) {n vpbToast.classList.add(‘show’);n setTimeout(() =u003e { vpbToast.classList.remove(‘show’); }, 3000);n }n }n n async function vpbSharePage() {n const url = window.location.href;n if (navigator.share) {n try { await navigator.share({ title: document.title, url }); }n catch (err) { vpbCopyToClipboard(url); }n } else {n vpbCopyToClipboard(url);n }n }n n function vpbCopyToClipboard(text) {n const ta = document.createElement(‘textarea’);n ta.value = text; ta.style.position=’fixed’; ta.style.left=’-9999px’;n document.body.appendChild(ta); ta.select();n try { document.execCommand(‘copy’); vpbShowToast(); } catch(e){}n document.body.removeChild(ta);n }nn if(vpbPlayPauseBtn) vpbPlayPauseBtn.addEventListener(‘click’, vpbTogglePlayPause);n if(vpbNextBtn) vpbNextBtn.addEventListener(‘click’, vpbPlayNextVideo);n if(vpbTheaterBtn) vpbTheaterBtn.addEventListener(‘click’, vpbToggleTheaterMode);n if(vpbShareBtn) vpbShareBtn.addEventListener(‘click’, vpbSharePage);n if(vpbGalaxyBtn) vpbGalaxyBtn.addEventListener(‘click’, vpbToggleGalaxyMode);n if(vpbToggleBtn) vpbToggleBtn.addEventListener(‘click’, vpbToggleGallerySection);n if(vpbNavNext) vpbNavNext.addEventListener(‘click’, vpbNextGif);n if(vpbNavPrev) vpbNavPrev.addEventListener(‘click’, vpbPrevGif);nn if(vpbSeekBackBtn) vpbSeekBackBtn.addEventListener(‘click’, function() { vpbSeekBy(-10); });n if(vpbSeekFwdBtn) vpbSeekFwdBtn.addEventListener(‘click’, function() { vpbSeekBy(10); });n n if(vpbTheaterOverlay) {n vpbTheaterOverlay.addEventListener(‘click’, () =u003e { n if (vpbTheaterModeActive) vpbToggleTheaterMode(); n });n }n document.addEventListener(‘keydown’, (e) =u003e { n if (e.key === ‘Escape’ u0026u0026 vpbTheaterModeActive) vpbToggleTheaterMode(); n });nn vpbRenderList();n if (VPB_TOP_VIDEOS.length u003e 0) { n vpbLoadVideoByIndex(0, false); n }n vpbUpdateGif();n }nn if (document.readyState === ‘loading’) {n document.addEventListener(‘DOMContentLoaded’, vpbInitAllPlayers);n } else {n vpbInitAllPlayers();n }n})();nu003c/scriptu003e

u003cstyleu003en/* This CSS creates the main 2-column grid */n.custom-grid-container {n display: flex; /* Establishes a flexbox layout */n gap: 10px; /* Adjust the space between the two columns */n align-items: flex-start; /* Aligns items to the top */n}nn/* This styles each column */n.custom-grid-column {n flex: 1; /* Makes each column take up equal space */n min-width: 0; /* Prevents columns from overflowing on small screens */n flex-direction: column;n /* Adds space between the banners and social icons within a column */n}nn .custom-grid-column figure {n margin: 0px !important;n }nn/* This ensures your images are responsive and fit the column width */n.custom-grid-column .wp-block-image img {n width: 100%;n height: auto;n display: block;n}nn/* This styles the row for your social icons */n.social-icons-row {n display: flex;n justify-content: center; /* Centers the icons horizontally */n align-items: center;n gap: 10px; /* Adjust the space between social icons */n flex-wrap: nowrap; /* Prevents icons from wrapping to a new line */n margin-bottom: 10px;n}nn/* Styles individual social icons for uniform size */n.social-icons-row .wp-block-image {n margin: 0 !important; /* Overrides default WordPress margins */n width: 40px; /* Adjust the size of your social icons */n height: 40px;n}nn/* u002du002d- ✅ NEW: Mobile Adjustments u002du002d- */n/* These styles apply only to screens 600px wide or smaller */n@media screen and (max-width: 600px) {n /* Reduce the vertical space between banners and icons on mobile */n .custom-grid-column {n gap: 10px; n }nn /* Reduce the size of social icons to fit on one line */n .social-icons-row .wp-block-image {n width: 20px; n height: 20px;n }n n /* Reduce the space between the smaller icons */n .social-icons-row {n gap: 8px;n }n}nu003c/styleu003ennu003cdiv class=u0022custom-grid-containeru0022u003enn u003cdiv class=u0022custom-grid-columnu0022u003en u003cfigure class=u0022wp-block-image size-largeu0022u003eu003ca href=u0022https://bozdagfilm.com.tr/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-BOZDAG-FILMS.jpgu0022 alt=u0022Bozdag Films Banneru0022 class=u0022wp-image-16423u0022/u003eu003c/au003eu003c/figureu003enu003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/@bozdagfilmresmiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/bozdagfilmu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/bozdagfilm?_rdc=1u0026_rdr#u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003cfigure class=u0022wp-block-image size-largeu0022u003eu003ca href=u0022http://www.mehmetbozdag.com/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-MEHMET-BOZDAG.jpgu0022 alt=u0022Mehmet Bozdag Banneru0022 class=u0022wp-image-16425u0022/u003eu003c/au003eu003c/figureu003enn u003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/results?search_query=mehmet+bozda%C4%9Fu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/mehmetbozdagu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/discover/mehmet-bozda%C4%9Fu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/mmehmetbozdag?lang=esu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/mmehmetbozdagu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003c/divu003enn u003cdiv class=u0022custom-grid-columnu0022u003en u003cfigure class=u0022wp-block-image size-fullu0022u003eu003ca href=u0022https://www.trt1.com.tr/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2024/07/BANNER-SOCIAL-MEDIA-TRT1.jpgu0022 alt=u0022TRT1 Banneru0022 class=u0022wp-image-16468u0022/u003eu003c/au003eu003c/figureu003enu003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/@trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/trt1u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/TRT1/u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en n u003cfigure class=u0022wp-block-image size-fullu0022u003eu003ca href=u0022https://www.tabii.com/detail/2707/dirilis-ertugrulu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/09/BANNER-SOCIAL-MEDIA-DIRILIS-ERTUGRUL-FAMILY2.jpgu0022 alt=u0022Dirilis Ertugrul Family Banneru0022 class=u0022wp-image-16474u0022/u003eu003c/au003eu003c/figureu003enn u003cdiv class=u0022social-icons-rowu0022u003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.youtube.com/channel/UCrr2fV8yd6r8k-FZKGxDr9Qu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/YOUTUB02.pngu0022 alt=u0022YouTubeu0022 class=u0022wp-image-2286u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.instagram.com/dirilisdizisiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01//INSTAGRA02.pngu0022 alt=u0022Instagramu0022 class=u0022wp-image-2285u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://www.tiktok.com/tag/dirilisdizisiu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/TIKTOKD02.pngu0022 alt=u0022TikToku0022 class=u0022wp-image-2284u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://x.com/dirilisdizisi?lang=esu0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/XTWITT02.pngu0022 alt=u0022X/Twitteru0022 class=u0022wp-image-2283u0022/u003eu003c/au003eu003c/figureu003en u003cfigure class=u0022wp-block-imageu0022u003eu003ca href=u0022https://web.facebook.com/Dirilisdizisi/?_rdc=1u0026_rdr#u0022u003eu003cimg src=u0022https://snipeproductions.com/wp-content/uploads/2025/01/FACEK02.pngu0022 alt=u0022Facebooku0022 class=u0022wp-image-2282u0022/u003eu003c/au003eu003c/figureu003en u003c/divu003en u003c/divu003ennu003c/divu003e

u003cstyleu003en .standalone-share-toast {n position: absolute;n bottom: 20px; /* Positioned 20px from the bottom, *inside* the banner */n left: 50%;n transform: translateX(-50%) translateY(20px); /* Start hidden below */n background-color: #0678E3;n color: white;n padding: 12px 24px;n border-radius: 8px;n font-size: 14px;n font-weight: 500;n z-index: 10;n opacity: 0;n transition: all 0.3s ease;n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);n pointer-events: none;n font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;n}nn.standalone-share-toast.show {n opacity: 1;n transform: translateX(-50%) translateY(0); /* Animate into view */n}nu003c/styleu003enu003cscriptu003en(function() {n ‘use strict’;nn /**n * Shows the toast message for a specific banner.n * @param {HTMLElement} toastElement – The specific toast element to show.n */n function showBannerToast(toastElement) {n // If a timer is already running for this toast, clear itn if (toastElement.vptToastTimer) {n clearTimeout(toastElement.vptToastTimer);n }n n // Show the toastn toastElement.classList.add(‘show’);n n // Set a new timer to hide itn toastElement.vptToastTimer = setTimeout(() =u003e {n toastElement.classList.remove(‘show’);n toastElement.vptToastTimer = null; // Clear the timer IDn }, 3000);n }n n /**n * Handles the share logic for a clicked banner.n * @param {HTMLElement} toastElement – The toast element associated with the clicked banner.n */n async function shareBannerPage(toastElement) {n const url = window.location.href;n const title = document.title;n n if (navigator.share) {n // Use the Web Share APIn try {n await navigator.share({ title: title, url: url });n } catch (err) {n // If user aborts (AbortError), do nothing.n // For other errors, fall back to clipboard.n if (err.name !== ‘AbortError’) {n navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }n } else {n // Fallback for browsers that don’t support Web Share APIn navigator.clipboard.writeText(url).then(() =u003e showBannerToast(toastElement));n }n }nn // Run this script when the DOM is fully loadedn document.addEventListener(‘DOMContentLoaded’, function() {n // Find ALL share banners on the pagen const allBanners = document.querySelectorAll(‘.share-btn-large’);n n // Loop through each banner and set it upn allBanners.forEach(banner =u003e {n const img = banner.querySelector(‘img’);n const toast = banner.querySelector(‘.standalone-share-toast’);n n if (img u0026u0026 toast) {n // Add a click listener to the imagen img.addEventListener(‘click’, function() {n shareBannerPage(toast);n });n } else {n console.warn(‘Share banner setup incomplete. Missing img or toast element.’, banner);n }n });n });n})();nu003c/scriptu003e