Jak używać
- Wklej link do filmu YouTube lub jego 11-znakowy identyfikator.
- Ustaw czas rozpoczęcia i zakończenia oraz wybrane opcje odtwarzania.
- Wybierz tryb responsywny lub stały rozmiar i ustaw opisowy tytuł.
- Skopiuj kod HTML i wklej go na swoją stronę lub do bloku HTML w kreatorze stron. Użyj opcji Pokaż podgląd, aby go przetestować.
Jak to działa
Kod korzysta ze standardowego odtwarzacza iframe YouTube. Opcje są zamieniane na parametry URL adresu odtwarzacza: start i end (w sekundach), autoplay, mute, loop z parametrem playlist, controls=0, cc_load_policy=1 dla napisów, cc_lang_pref dla języka napisów oraz hl dla języka odtwarzacza. Tryb zwiększonej prywatności zmienia adres na youtube-nocookie.com.
Niektóre opcje mają ograniczenia narzucone przez YouTube lub przeglądarki. Autoplay działa tylko wtedy, gdy wideo jest wyciszone, więc narzędzie dodaje mute=1 razem z autoplay. Zapętlenie pojedynczego wideo wymaga, aby parametr playlist był ustawiony na ten sam identyfikator wideo — narzędzie dodaje go automatycznie. Napisy pojawiają się tylko wtedy, gdy wideo je zawiera. Filmy, których właściciele wyłączyli osadzanie, będą wyświetlać błąd w odtwarzaczu.
Tryb responsywny otacza odtwarzacz iframe kontenerem z aspect-ratio: 16 / 9 i width: 100%, dzięki czemu skaluje się on razem ze stroną bez starszej sztuczki z padding-bottom. Tryb o stałym rozmiarze zapisuje atrybuty width i height. Leniwe ładowanie opóźnia wczytanie odtwarzacza, dopóki nie znajdzie się on blisko widocznej części strony.
Przykłady
Responsywny embed przyjazny prywatności
Ustawienia domyślne: youtube-nocookie.com, tryb responsywny 16:9 i leniwe ładowanie. Wklej fragment kodu do dowolnej strony HTML.
Zapętlanie w tle
Autoodtwarzanie, zapętlanie i brak kontrolek dają …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.
Odtwarzanie tylko jednego fragmentu
Rozpoczęcie o 1:00 i zatrzymanie o 2:30 daje start=60&end=150, więc odtwarzacz odtworzy tylko ten fragment.
Często zadawane pytania
Dlaczego mój osadzony film nie odtwarza się automatycznie z dźwiękiem?
Przeglądarki blokują autoodtwarzanie z dźwiękiem. Autoodtwarzanie wymaga parametru mute=1, który narzędzie dodaje automatycznie; niektóre przeglądarki lub ustawienia nadal to blokują.
Co robi tryb zwiększonej prywatności?
Odtwarzacz jest ładowany z youtube-nocookie.com. Według YouTube informacje o odwiedzających nie są wtedy zapisywane w celu personalizacji, chyba że odtworzą wideo.
Dlaczego do zapętlania potrzebny jest parametr playlist=?
Parametr loop YouTube działa tylko z playlistą. Ustawienie parametru playlist na ten sam identyfikator filmu powoduje zapętlenie pojedynczego filmu.
Czy wygenerowany kod działa w WordPressie?
Tak. Wklej go do bloku Własny HTML. Niektóre kreatory stron usuwają iframe ze względów bezpieczeństwa — wtedy użyj ich własnego bloku wideo.
Prywatność
Kod osadzania jest generowany w Twojej przeglądarce i żadne dane nie są nigdzie wysyłane. Tylko po kliknięciu „Pokaż podgląd” przeglądarka ładuje odtwarzacz z YouTube (lub youtube-nocookie.com).