Jak używać
- Wklej link do filmu z YouTube, link do playlisty, kod osadzenia lub 11-znakowe ID filmu w pole na górze.
- Ustaw „Proporcje”, aby dopasować kształt odtwarzacza do filmu.
- Zostaw zaznaczone „Ładowanie po kliknięciu (lekkie)”, jeśli odtwarzacz ma się wczytać dopiero po kliknięciu miniatury. Odznacz, aby wstawić zwykły odtwarzacz.
- Skopiuj wygenerowany kod i wklej go do kodu HTML swojej strony.
Przykłady
Film w artykule od 1 minuty 30 sekund
https://youtu.be/dQw4w9WgXcQ?t=1m30s
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&rel=0&playsinline=1" srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}img{height:100%;object-fit:cover}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:#fff;text-shadow:0 0 .5em #000}</style><a href='https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&amp;autoplay=1&amp;rel=0&amp;playsinline=1' aria-label='Play: YouTube video player'><img src='https://i.ytimg.com/vi/dQw4w9WgXcQ/hqdefault.jpg' alt='YouTube video player' loading='lazy'><span>▶</span></a>" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;max-width:800px;margin:0 auto;"></iframe>Pionowy Shorts na stronie
https://www.youtube.com/shorts/dQw4w9WgXcQ
<style>.yt-embed{display:block;width:100%;height:auto;aspect-ratio:9/16;border:0}</style>
<iframe class="yt-embed" src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?rel=0&playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>Zapętlona playlista na stronie z materiałami
https://www.youtube.com/playlist?list=PL590L5WQmH8fJ54F369BLDSqIwcs-TCfs
<iframe src="https://www.youtube-nocookie.com/embed/videoseries?list=PL590L5WQmH8fJ54F369BLDSqIwcs-TCfs&loop=1&rel=0&playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;"></iframe>
FAQ
Co daje tryb zwiększonej prywatności przy osadzaniu YouTube?
Opcja „Tryb zwiększonej prywatności (youtube-nocookie.com)” zmienia domenę odtwarzacza na www.youtube-nocookie.com. Nie oznacza to braku połączeń z YouTube: przy włączonym „Ładowanie po kliknięciu (lekkie)” miniatura jest pobierana z i.ytimg.com od razu, a odtwarzacz dopiero po kliknięciu. Przy wyłączonym ładowaniu po kliknięciu odtwarzacz wczytuje się od razu.
Jak włączyć automatyczne odtwarzanie filmu na stronie?
Wyłącz „Ładowanie po kliknięciu (lekkie)” i zaznacz „Autoodtwarzanie po wczytaniu strony”. Narzędzie włączy też „Wycisz” i doda do kodu parametry autoplay=1 oraz mute=1.
Dlaczego osadzony film jest niedostępny?
Generator nie sprawdza, czy film istnieje ani czy można go osadzać. Poprawnie wygenerowany kod nie gwarantuje odtworzenia filmu; sprawdź jego dostępność i możliwość osadzania w YouTube.
Jak osadzić film w starszym CMS-ie bez obsługi aspect-ratio?
Zaznacz „Starszy kontener (padding-bottom)”. Kod użyje zewnętrznego kontenera z padding-bottom zamiast polegać na aspect-ratio.