Wybierz swój Vibe ✨:
Wpadnij po trendy na TikToka 🎬
/* ========================================
TIKTOK CREATOR EMBED - LAZY LOAD
======================================== */
.tiktok-no-scroll-wrapper {
width: 100%;
height: 650px;
overflow: hidden !important;
display: flex;
justify-content: center;
align-items: flex-start;
position: relative;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tiktok-no-scroll-wrapper::-webkit-scrollbar,
.tiktok-no-scroll-wrapper *::-webkit-scrollbar {
display: none !important;
}
/* Placeholder podczas oczekiwania */
.tiktok-lazy-placeholder {
width: 720px;
max-width: 100%;
height: 600px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
opacity: 0.5;
}
/* TikTok */
.tiktok-no-scroll-wrapper blockquote.tiktok-embed {
border: 0 !important;
border-left: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
width: 720px !important;
min-width: 720px !important;
max-width: 720px !important;
transform: scale(1.3);
transform-origin: top center;
overflow: hidden !important;
}
/* iframe generowany przez TikToka */
.tiktok-no-scroll-wrapper iframe {
border: 0 !important;
box-shadow: none !important;
}
/* MOBILE */
@media (max-width: 768px) {
.tiktok-no-scroll-wrapper {
width: 100%;
height: auto !important;
min-height: 500px;
overflow: visible !important;
display: block;
}
.tiktok-no-scroll-wrapper blockquote.tiktok-embed {
width: 100% !important;
min-width: 288px !important;
max-width: 100% !important;
height: auto !important;
transform: none !important;
margin: 0 auto !important;
border: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.tiktok-lazy-placeholder {
width: 100%;
height: 500px;
}
}
(function () {
const wrapper = document.getElementById('tiktok-lazy-wrapper');
if (!wrapper) {
return;
}
let loaded = false;
function loadTikTok() {
if (loaded) {
return;
}
loaded = true;
const username = wrapper.dataset.tiktokUser;
/* Tworzymy embed dopiero teraz */
wrapper.innerHTML = `
Ładowanie TikToka...
`; /* Ładujemy embed.js TYLKO gdy jest potrzebny */ if (!document.querySelector('script[src="https://www.tiktok.com/embed.js"]')) { const script = document.createElement('script'); script.src = 'https://www.tiktok.com/embed.js'; script.async = true; document.body.appendChild(script); } } /* IntersectionObserver */ if ('IntersectionObserver' in window) { const observer = new IntersectionObserver( function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { loadTikTok(); observer.disconnect(); } }); }, { /* * TikTok zacznie się ładować około * 500px ZANIM użytkownik do niego dojedzie. */ rootMargin: '500px 0px', threshold: 0 } ); observer.observe(wrapper); } else { /* fallback dla starych przeglądarek */ loadTikTok(); } })();@${username}