Jeśli chcesz umieścić klip z YouTube lub Vimeo na swoim landing page’u, możesz to zrobić, implementując adres URL filmu w widgecie Wideo. Możesz także umieścić film za pomocą widgetu HTML.
Widget Wideo
1. Zaloguj się na swoje konto w Landingi i przejdź do edytora wybranego landing page’a.
2. Po lewej stronie edytora odszukaj widget Wideo, następnie przeciągnij go i upuść w obszar aktywny Twojego landing page’a.
![](https://landingi.com/wp-content/uploads/2020/09/video-en1-1.png)
3. W panelu po prawej stronie odnajdź zakładkę Ustawienia wideo i w polu Adres URL wideo wklej ścieżkę URL swojego filmu.
Jeżeli wklejasz URL z Vimeo, upewnij się, że jego forma to https://vimeo.com/przyklad. Adres przekierowujący do playera (https://player.vimeo.com/przyklad) nie zadziała.
![](https://landingi.com/wp-content/uploads/2020/09/wideo-adres.png)
Możesz ustawić także funkcje:
- Autoodtwarzanie – wideo będzie włączane na landing page’u automatycznie;
- Powiązane filmy – wyświetla proponowane filmy z innych kanałów;
- Zapętlaj – wideo będzie odtwarzane raz po razie, w formie „pętli”;
- Widoczny tytuł – na wideo wyświetlony będzie jego tytuł z YouTube lub Vimeo;
- Sterowanie odtwarzaczem – widoczne będą opcje odtwarzania;
- Wycisz – film będzie wyświetlony z automatycznym wyciszeniem;
- Pokaż napisy – działa tylko dla wideo z YouTube i napisów dodanych przez właściciela filmu.
![](https://landingi.com/wp-content/uploads/2020/09/wideo-ustawienia.png)
WAŻNE: Niektóre funkcje automatycznie włączają inne, np. Autoodtwarzanie włącza opcję Wycisz.
4. Opublikuj landing page’a.
Sprawdź, czy wideo wyświetla się poprawnie.
Transmisja na żywo
WAŻNE: Nie obsługujemy filmów na żywo z Vimeo. Film live do landing page’a dodasz tylko poprzez platformę YouTube.
1. Przejdź do swojego panelu YouTube Studio i stwórz transmisję live.
2. Podczas konfiguracji transmisji oznacz film jako publiczny.
![](https://landingi.com/wp-content/uploads/2020/09/transmisja-publiczna.png)
3. Na koniec kliknij Udostępnij.
![](https://landingi.com/wp-content/uploads/2020/09/udostepnij-film-na-zywo.png)
4. Skopiuj adres transmisji.
![](https://landingi.com/wp-content/uploads/2020/09/skopiuj-link-do-filmu-live.png)
Podczas prowadzenia transmisji możesz pobrać link do niej, klikając ikonę udostępniania:
![](https://landingi.com/wp-content/uploads/2020/09/udostepnij-w-trakcie-transmisji.png)
5. Przejdź do edytora Landingi, dodaj widget Wideo i wklej adres swojej transmisji.
![](https://landingi.com/wp-content/uploads/2020/09/wideo.png)
6. Opublikuj landing page’a.
Umieść wideo za pomocą widgetu HTML
1. Otwórz wybrany film w platformie YouTube lub Vimeo.
2. YouTube:
Kliknij przycisk Udostępnij, który znajdziesz pod filmem.
![](https://landingi.com/wp-content/uploads/2020/09/wideo-html1.png)
Wybierz Umieść.
![](https://landingi.com/wp-content/uploads/2020/09/wideo-html2.png)
Skopiuj kod filmu.
![](https://landingi.com/wp-content/uploads/2020/09/wideo-html-0.png)
Możesz zmienić szerokość (width) i wysokość (height) filmu:
![](https://landingi.com/wp-content/uploads/2020/09/wideo-html3.png)
3. Vimeo:
Kliknij przycisk Share, który znajdziesz pod filmem.
![](https://landingi.com/wp-content/uploads/2020/09/vimeo-html1-1-1.png)
Skopiuj kod z pola Embed.
![](https://landingi.com/wp-content/uploads/2020/09/vimeo-html2-1.png)
Aby zmienić szerokość i wysokość filmu, kliknij Show options.
![](https://landingi.com/wp-content/uploads/2020/09/vimeo-html3-1-1.png)
4. Przejdź do edytora landing page’a. Odszukaj widget HTML. Przeciągnij go i upuść w wybrane miejsce w obszarze aktywnym edytora.
![](https://landingi.com/wp-content/uploads/2020/09/add-html-1.png)
5. Kliknij dwa razy w widget, by przejść do jego edycji. Wklej kod filmu. Następnie Zapisz i zamknij.
![Okno dodawania kodu HTML do landing page'a](https://landingi.com/wp-content/uploads/2020/09/dodaj-kod-html.png)
6. Opublikuj landing page’a.
Sprawdź, czy wideo wyświetla się prawidłowo. W razie potrzeby wróć do edytora i dostosuj położenie widgetu HTML.
Jak dodać Shorts do strony?
1. Otwórz film Shorts w platformie YouTube.
2. Skopiuj link do filmu (z paska URL przeglądarki).
![Kopiowanie adresu URL z paska przeglądarki](https://landingi.com/wp-content/uploads/2020/09/copy-shorts-url-1.webp)
3. Przejdź do edytora landing page’a. Odszukaj widget HTML. Przeciągnij go i upuść w wybrane miejsce w obszarze aktywnym edytora.
4. Skopiuj kod:
<iframe width="315" height="560"
src="https://www.youtube.com/shorts/kod_filmu_shorts"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
Zmień URL w parametrze src na skopiowany adres filmu. Zmień także shorts na embed. Przykład:
![Kod html dla osadzenie filmu Shorts na landing page'u](https://landingi.com/wp-content/uploads/2020/09/shorts-wideo-html.webp)
5. Kliknij dwa razy w widget HTML, by przejść do jego edycji. Wklej kod filmu Shorts. Następnie Zapisz i zamknij.
![Dodawanie HTML w Landingi](https://landingi.com/wp-content/uploads/2020/09/dodaj-kod-html-1.png)
6. Opublikuj landing page’a.
Sprawdź, czy wideo wyświetla się prawidłowo. W razie potrzeby wróć do edytora i dostosuj położenie widgetu HTML.
Film Shorts możesz także wyświetlać w poziomym formacie: wystarczy, że w adresie URL filmu zmienisz shorts na video, np. www.youtube.com/shorts/001122 > www.youtube.com/video/001122.
Zobacz wszystkie nasze integracje w Katalogu Integracji, aby poznać narzędzia, z którymi możesz połączyć Landingi.