Generator kodu osadzania YouTube
Wklej link do filmu, Shortsa albo playlisty, wybierz opcje i skopiuj czysty kod osadzania — z czasem startu i końca, trybem zwiększonej prywatności i responsywnym rozmiarem. Wszystko działa w Twojej przeglądarce.
Ten generator kodu osadzania YouTube buduje kod HTML, dzięki któremu umieścisz na swojej stronie film, Shortsa albo playlistę z YouTube — z opcjami, których nie ma w oknie Udostępnij → Umieść na stronie. Ustaw czas startu i końca, autoodtwarzanie (także to bez dźwięku, które przeglądarki dopuszczają), zapętlenie, napisy, tryb zwiększonej prywatności i responsywny rozmiar pasujący do każdego ekranu, a potem skopiuj kod i wklej go na stronę. Podgląd na żywo pokazuje odtwarzacz na bieżąco. Wszystko dzieje się w Twojej przeglądarce: nic nie jest wysyłane do Marqly, a każda opcja odpowiada parametrowi opisanemu w oficjalnej dokumentacji odtwarzacza YouTube.
Jak osadzić film z YouTube na swojej stronie
- Skopiuj link do filmu z YouTube — strony filmu, Shortsa, transmisji na żywo, link youtu.be albo link do playlisty zawierający
list=. - Wklej go powyżej. Jeśli link zawiera znacznik czasu, na przykład
?t=90, czas startu zostanie uzupełniony. - Wybierz opcje. Kod i podgląd aktualizują się od razu.
- Naciśnij Kopiuj kod i wklej go w HTML swojej strony — w WordPressie użyj bloku Własny HTML, w większości kreatorów stron elementu Osadzanie lub HTML.
Każda opcja i stojący za nią parametr
| Opcja | Parametr | Co robi |
|---|---|---|
| Start od | start | Rozpoczyna odtwarzanie tyle sekund od początku filmu. Odtwarzacz przeskakuje do najbliższej klatki kluczowej, która może być nawet o około dwie sekundy wcześniejsza. |
| Koniec w | end | Zatrzymuje odtwarzanie w tej chwili, liczonej od początku filmu — a nie od Twojego czasu startu. |
| Autoodtwarzanie | autoplay=1 | Uruchamia film po załadowaniu odtwarzacza. YouTube zaznacza, że dane o odtwarzaniu są wtedy zbierane już przy ładowaniu strony. |
| Pętla | loop=1 | Powtarza playlistę; dla pojedynczego filmu YouTube wymaga też parametru playlist z tym samym identyfikatorem filmu, który generator dodaje. |
| Pokaż elementy sterujące | controls=0, gdy wyłączone | Ukrywa pasek sterowania. |
| Przycisk pełnego ekranu | fs=0, gdy wyłączone | Ukrywa przycisk pełnego ekranu. |
| Napisy domyślnie włączone | cc_load_policy=1 | Domyślnie pokazuje napisy, o ile film je ma. |
| Polecane z tego samego kanału | rel=0 | Ogranicza polecane filmy pokazywane na końcu do filmów z tego samego kanału. |
| Odtwarzanie w treści strony na iPhonie | playsinline=1 | Odtwarza film wewnątrz strony na iOS, zamiast przechodzić na pełny ekran. |
| Wyłącz sterowanie klawiaturą | disablekb=1 | Wyłącza skróty, takie jak k do pauzy i j/l do przewijania o 10 sekund. |
| Biały pasek postępu | color=white | Koloruje obejrzaną część paska postępu na biało zamiast na czerwono. |
| Tryb zwiększonej prywatności | youtube-nocookie.com | Używa domeny osadzania YouTube o zwiększonej prywatności (patrz niżej). |
Czas startu i końca
Odtwarzacz YouTube przyjmuje czas startu i końca jako pełne sekundy, więc generator zamienia na sekundy wszystko, co wpiszesz — 90, 1:30, 1:02:03 albo 1h2m3s. Oba czasy liczone są od samego początku filmu: żeby odtworzyć fragment od 1:30 do 2:00, wpisz start 1:30 i koniec 2:00, a nie koniec 0:30. Jeśli chcesz udostępnić moment jako link, a nie osadzenie, użyjgeneratora linków YouTube ze znacznikiem czasu.
Dlaczego osadzone filmy nie odtwarzają się automatycznie — i jak to naprawić
To przeglądarki decydują, czy film może ruszyć sam. Dokumentacja IFrame API YouTube wymienia odtwarzanie z dźwiękiem bez interakcji użytkownika wśród przypadków blokowanych przez przeglądarki, więc samoautoplay=1 często nic nie daje. Niezawodne rozwiązanie to start bez dźwięku: wybierzAutoodtwarzanie bez dźwięku (JavaScript API), a generator utworzy osadzenie wraz z krótkim skryptem, który ładuje oficjalne IFrame Player API YouTube, wycisza odtwarzacz, gdy jest gotowy, i uruchamia odtwarzanie. Odwiedzający mogą włączyć dźwięk jednym kliknięciem.
Zasady YouTube dla klientów API dodają dwa warunki, które warto respektować: odtwarzacz nie może startować automatycznie, dopóki nie jest widoczny w ponad połowie na ekranie, a na stronie nie może jednocześnie automatycznie odtwarzać się więcej niż jeden odtwarzacz YouTube. Film na górze strony jest w porządku; autoodtwarzany film głęboko na stronie — nie.
Tryb zwiększonej prywatności (youtube-nocookie.com)
Tryb zwiększonej prywatności zamienia w adresie osadzenia www.youtube.com nawww.youtube-nocookie.com. Centrum pomocy YouTube podaje, że dzięki niemu odtworzenia osadzonego filmu nie wpływają na rekomendacje, jakie widz widzi w YouTube, wyświetlane są reklamy niespersonalizowane, a te odtworzenia nie personalizują reklam pokazywanych widzowi poza Twoją stroną. Tutaj jest domyślnie włączony, bo nic nie kosztuje. Czym nie jest: obietnicą, że osadzenie nie ustawia plików cookie ani nie śledzi, i samo w sobie nie sprawia, że osadzenie jest zgodne z jakimkolwiek przepisem o prywatności — wymień YouTube w polityce prywatności i ustawieniach zgód tak czy inaczej.
Responsywne osadzenia YouTube, także dla Shorts
Domyślny iframe ma stały rozmiar 560 × 315, który na telefonach wychodzi poza ekran. Przy włączonej opcjiResponsywny kod ustawia odtwarzacz na 100% szerokości kontenera i zachowuje jego kształt właściwością CSS aspect-ratio — w żadnej aktualnej przeglądarce nie jest potrzebne opakowanie z padding-bottom. Wybierz 9:16 dla Shorts, żeby pionowy film nie miał czarnych pasów; pole szerokości ogranicza wtedy, jak szeroki może się zrobić. YouTube wymaga, by osadzone odtwarzacze miały co najmniej 200 × 200 pikseli, a dla odtwarzaczy 16:9 zaleca co najmniej 480 × 270, więc generator nie zejdzie poniżej 200 pikseli szerokości.
Osadzenia ładowane po kliknięciu dla szybszych stron
Iframe YouTube ładuje pełny odtwarzacz razem ze stroną, co jest ciężkie, gdy na stronie jest film, którego większość odwiedzających nigdy nie włączy. Wynik Ładowanie po kliknięciu pokazuje miniaturę filmu z przyciskiem odtwarzania i dopiero po kliknięciu (albo naciśnięciu Enter) podmienia ją na prawdziwy odtwarzacz, który od razu zaczyna grać. Strona działa szybciej, a nic nie jest pobierane z odtwarzacza, dopóki odwiedzający nie zdecyduje się oglądać. Działa dla pojedynczych filmów; playlisty używają standardowego iframe.
Parametry, które już nie działają
modestbrandingjest przestarzały i nie ma żadnego skutku; YouTube sam decyduje o oznaczeniach marki na podstawie rozmiaru odtwarzacza i innych sygnałów. Generatory, które wciąż go oferują, są nieaktualne.showinfozostał wycofany w 2018 roku i usunięty z dokumentacji.rel=0od 25 września 2018 nie wyłącza polecanych filmów — ogranicza je tylko do tego samego kanału.controls=2jest przestarzały; używaj 0 lub 1.
Naprawa niedziałającego osadzenia
- Błąd 153 lub pusty odtwarzacz. YouTube wymaga, by osadzenia identyfikowały witrynę, na której się znajdują, przez nagłówek HTTP Referer, i zaleca politykę odsyłacza
strict-origin-when-cross-origin. Wygenerowany kod ją ustawia; jeśli Twoja witryna globalnie wysyłano-referrer, odtwarzacz może przestać działać. - „Film niedostępny”. Właściciel mógł wyłączyć osadzanie tego filmu albo film jest prywatny, usunięty lub zablokowany w kraju odwiedzającego. Tylko właściciel może to zmienić.
- Odtwarzacz jest ucięty albo malutki. Element nadrzędny ze stałą wysokością lub
overflow: hiddengo przycina; przy włączonym trybie Responsywny nadaj kontenerowi szerokość i pozwól, by wysokość wynikała z niej. - Pętla się nie powtarza. Dla pojedynczego filmu adres musi zawierać
playlist=z tym samym identyfikatorem filmu — skopiuj wygenerowany kod zamiast dopisywaćloop=1ręcznie.
Powiązane narzędzia do YouTube
Znajdź właściwy moment startu dzięki narzędziu do transkrypcji YouTube, dodaj rozdziały do długich osadzeń generatorem rozdziałów albo pobierz własny obraz tytułowy pobieraczem miniaturek. Osadzasz cały kurs? Kalkulator długości playlistypowie odwiedzającym, ile on trwa.
Często zadawane pytania
Jak osadzić film z YouTube, który zaczyna się od wybranej chwili?
Wpisz czas startu w generatorze — jako sekundy, M:SS, H:MM:SS albo 1m30s — i skopiuj kod. Narzędzie dodaje do adresu osadzenia parametr start w sekundach, czyli w formacie, którego oczekuje odtwarzacz YouTube. Jeśli wklejony link ma już znacznik t=, czas startu zostanie uzupełniony automatycznie.
Dlaczego osadzony film z YouTube nie odtwarza się automatycznie?
Większość przeglądarek blokuje filmy odtwarzane z dźwiękiem, zanim odwiedzający wejdzie w interakcję ze stroną. Dokumentacja YouTube dla programistów wymienia odtwarzanie z dźwiękiem bez interakcji użytkownika wśród przypadków, które przeglądarki blokują. Użyj wyniku Autoodtwarzanie bez dźwięku (JavaScript API), który uruchamia odtwarzacz z wyciszeniem.
Jak zrobić responsywne osadzenie YouTube?
Zostaw włączoną opcję Responsywny. Kod ustawia odtwarzacz na pełną szerokość kontenera i używa właściwości CSS aspect-ratio, żeby zachować proporcje 16:9 — albo 9:16 dla Shorts — dzięki czemu skaluje się na każdym ekranie bez sztuczek z opakowaniem.
Co robi tryb zwiększonej prywatności?
Przełącza osadzenie na domenę youtube-nocookie.com. Według Centrum pomocy YouTube odtworzenia osadzonego filmu nie wpływają wtedy na to, co YouTube poleca widzowi, ani nie personalizują reklam wyświetlanych poza Twoją stroną. Nie oznacza to osadzenia bez śledzenia, więc wspomnij o nim w polityce prywatności.
Jak zapętlić pojedynczy film z YouTube?
Zaznacz Pętla. Dla pojedynczego filmu YouTube wymaga oprócz loop=1 także parametru playlist ustawionego na ten sam identyfikator filmu; generator dodaje oba za Ciebie.
Czy mogę ukryć polecane filmy na końcu?
Nie całkowicie. Od września 2018 rel=0 nie ukrywa już polecanych filmów — ogranicza je do filmów z tego samego kanału. Opcja Polecane tylko z tego samego kanału w generatorze ustawia właśnie to.
Czy mogę osadzić playlistę?
Tak. Wklej link do playlisty (zawiera list=). Generator zbuduje osadzenie playlisty, a jeśli Twój link wskazuje też konkretny film, odtwarzacz zacznie od niego.
