Jak wstawić film YouTube na stronę internetową

Jak szybko i prosto umieścić film YouTube na stronie internetowej?

Osadzenie filmu z YouTube na stronie internetowej to świetny sposób na wzbogacenie treści i zwiększenie zaangażowania użytkowników.

YouTube to szczególnie korzystne rozwiązanie, ponieważ:

• Lepsza widoczność w wyszukiwarce – filmy z YouTube mogą pojawiać się w wynikach Google, zwiększając zasięg.
• Promocja kanału YouTube – odtwarzanie filmów na stronie wspiera rozwój firmowego kanału, co buduje markę i angażuje klientów.
• Większa wiarygodność firmy – profesjonalnie prowadzony kanał zwiększa zaufanie do marki.

Wykorzystaj sekcję WIDEO YOUTUBE, podaj tylko unikalne ID filmiku a na stronie zostanie wstawiona ramka ze wskazanym filmem.

YouTube lub YouTube Light

W Kreatorze możesz dodać film YouTube na dwa sposoby – za pomocą oryginalnego widżetu YouTube (iframe) lub widżetu YouTube Light. Oba rozwiązania działają poprawnie, ale różnią się wpływem na wydajność strony.

➡ Oryginalny widżet YouTube (iframe)

To standardowy sposób osadzania filmów. Po dodaniu sekcji z filmem na stronę ładuje się pełny odtwarzacz YouTube. Należy jednak pamiętać, że ta metoda:

• jest kilobajtożerna – pobiera duże ilości zasobów,
• spowalnia wczytywanie strony, ponieważ Player YouTube ładuje dziesiątki plików JS i CSS,
• negatywnie wpływa na wyniki testów wydajności (np. PageSpeed, Lighthouse),
• powoduje większe obciążenie urządzeń mobilnych i wolniejszych komputerów.

Jeśli zależy Ci na maksymalnej szybkości, lepiej użyć widżetu YouTube Light.

➡ Widżet YouTube Light (zalecany)

Widżet YouTube Light to zoptymalizowana wersja odtwarzacza. Zamiast ładować pełny Player natychmiast, pokazuje tylko lekką miniaturkę i uruchamia prawdziwy odtwarzacz dopiero po kliknięciu Play.

Dzięki temu:

• strona wczytuje się znacznie szybciej,
• oszczędzasz nawet kilkaset kilobajtów danych przy każdym filmie,
• poprawiają się wyniki w testach wydajności (LCP, INP, FCP),
• użytkownicy na słabszych urządzeniach mają płynniejszą obsługę strony.

To najbardziej wydajna metoda osadzania filmów i rekomendowana w nowoczesnych stronach.

Jak umieścić film YouTube na stronie?

1. Wejdź do Kreatora. Wybierz stronę, na której chcesz umieścić film.

2. Kliknij przycisk "Dodaj sekcję", który pojawia się między sekcjami zawsze gdy kursorem wskażesz dowolną sekcję.

dodaj sekcję wideo<br>

3. Dodaj sekcję wideo. W galerii sekcji znajdziesz dwie opcje:

• Wideo YouTube – klasyczny iframe (mniej wydajny),
• Wideo YouTube Light – odchudzony, szybki odtwarzacz (zalecany).

sekcja wideo youtube

4. Po dodaniu sekcji z wideo kliknij dodany widżet. W inspektorze w ustawieniach podaj unikalny identyfikator filmu.

podaj unikalne wideo id<br>

ID czyli identyfikator filmu znajdziesz na stronie tego filmu w YouTube w pasku adresowym przeglądarki. W poniższym przykładzie zaznaczono ID filmu:

• https://www.youtube.com/watch?v=W2YPsfwSPGg

4. W polu YouTube Wideo ID  wklej samo ID.

5. Możesz dodatkowo wpisać tytuł alternatywny, który Google będzie wykorzystywać w wyszukiwarce filmów.

6. Jeżeli wybrałeś widżet YouTube Light, możesz również dodać własną miniaturkę filmu, która będzie wyświetlana na stronie przed kliknięciem przycisku „Play”. Jeśli nie dodasz miniaturki, zostanie ona automatycznie pobrana z YouTube.

7. Zapisz i opublikuj witrynę.

Wideo nie będzie pokazywane w obszarze roboczym aby zapewnić bezpieczeństwo i szybkość działania Kreatora. Aby zobaczyć jak wideo prezentuje się na stronie kliknij przycisk "Podgląd" w nawigacji Kreatora.

przycisk podgląd<br>

Jak dodać film YouTube Shorts na stronie?

W ustawieniach widżetu wybierz opcję "Shorts". Wymusimy wtedy inne wymiary i proporcje ramki filmiku. Aby film dobrze wyświetlał się na stronie wpisz ID filmu, który naprawdę jest Shortsem, czyli w orientacji pionowej. 

Jak dodać tytuł / tekst przy filmie na stronie?

Film jest umieszczony w Pudełku (box), do którego możesz dodać inne elementy np. elementy tekstowe.

1. Po najechaniu na pudełko kliknij ikonę plusa i dodaj elementy jakie potrzebujesz np. element tekstowy.

dodawanie tytułu do filmu youtube na stronie<br>

2. Przesuń elementy w górę i dół, tak jak potrzebujesz. Możesz je dowolnie sformatować klikając w nie i wybierając odpowiednie opcje w Inspektorze.

elementy tekstowe i wideo na stronie<br>

Efekt. Przykładowy film z YouTube na stronie internetowej:

film youtube na stronie internetowej przykład<br>

Jak dodać film z Dailymotion lub Vimeo

Podobnie możesz umieścić film z takich platform jak Dailymotion lub Vimeo.

Wejdź do biblioteki sekcji i dodaj specjalną sekcję przeznaczoną dla Dailymotion, lub sekcję przeznaczoną dla Vimeo.

ID czyli identyfikator filmu znajdziesz w pasku adresowym przeglądarki, na stronie filmu w serwisie Dailymotion, lub analogicznie w serwisie Vimeo.

W poniższych przykładach zaznaczono ID wideo:

• Dailymotion: https://www.dailymotion.com/video/x7zew9z
• Vimeo: https://vimeo.com/268120953