Jak osadzić filmy z YouTube w WordPress (i kreatywne sposoby ich wykorzystania 2) (z wideo)

Ostatnia aktualizacja - 8 lipca 2021

Jeszcze kilka lat temu wideo było drogim narzędziem marketingowym, o którym wiedzą tylko największe agencje i marki. Ale od tego czasu wideo udowodniło swoją wartość jako niezwykle elastyczne medium o wysokim zwrocie z wartości.

Obecnie marketerzy na całym świecie używają wideo do prezentowania produktów i usług, pomagania klientom, nadawania treściom ludzkiego charakteru i przyciągania większej liczby gałek ocznych. Regularnie widzimy to w akcji na dwóch największych platformach do tworzenia treści i marketingu — WordPress i YouTube.

Zdając sobie z tego sprawę, obie platformy sprawiły, że każdemu — znającemu się na kodowaniu lub nie — niezwykle łatwo było osadzić filmy z YouTube w WordPressie. Ten blog wyjaśni niektóre z najłatwiejszych i najskuteczniejszych metod osadzania filmów z YouTube w WordPress. A na koniec kilka wskazówek, które pozwolą Ci poznać kilka kreatywnych sposobów wykorzystania treści YouTube-WordPress.

Osadzaj filmy z YouTube za pomocą metody oEmbed

Najłatwiejszym sposobem osadzania filmów z YouTube w WordPressie jest użycie metody oEmbed. oEmbed to protokół, który umożliwia osadzanie filmów, obrazów i tekstu z jednej witryny do drugiej za pomocą źródłowego adresu URL.

Oto jak to robisz:

1. Przejdź do YouTube i znajdź film, który chcesz osadzić.
2. Wybierz adres URL u góry przeglądarki i skopiuj go w całości.
3. Następnie przejdź do edytora wizualnego WordPress i umieść kursor w miejscu, w którym ma się pojawić wideo.
4. Wklej adres URL filmu i pozwól WordPressowi automatycznie przekonwertować go na osadzone wideo.

Tak, to takie proste. Tylko pamiętaj o tych wskazówkach podczas korzystania z metody oEmbed:

• Umieść link do osadzania w osobnym wierszu. Oznacza to, że przed linkiem ani za nim nie powinno być żadnego tekstu ani spacji.
• Nie dodawaj elementów wyrównania ani stylu do adresu URL. Może to otoczyć adres URL w formatowaniu HTML i anulować osadzanie.
• Akceptowane są tylko linki do filmów lub playlist. Nie wklejaj adresu URL kanału YouTube.

Osadzaj filmy z YouTube za pomocą metody iframe

Chociaż metoda oEmbed jest prosta do naśladowania, nie daje żadnych opcji dostosowywania do zabawy. Nie można wyłączyć elementów sterujących odtwarzacza osadzonego filmu ani włączyć ich automatycznego odtwarzania.

W tym miejscu pojawia się iframe. Ta metoda osadzania pozwala dokładnie kontrolować wygląd i działanie wideo w witrynie WordPress. Będziesz musiał wykonać kilka dodatkowych kroków:

1. Kliknij przycisk Udostępnij pod filmem YouTube, który chcesz umieścić na swojej stronie WordPress.
2. Następnie kliknij przycisk Osadź.
3. Tutaj znajdziesz kod do osadzania iframe wraz z kilkoma dostosowywanymi opcjami.
4. Jeśli chcesz, aby wideo zaczynało się w określonym momencie, wstrzymaj wideo w tym momencie i włącz opcję „Rozpocznij o”.
5. Poniżej możesz również zarządzać kontrolkami gracza i trybem zwiększonej prywatności.
6. Następnie skopiuj kod do osadzenia i wróć do swojej witryny WordPress.
7. Przełącz się z edytora wizualnego na edytor tekstu i wklej kod do umieszczenia na stronie.
8. Zaktualizuj post, a WordPress przekształci się w osadzony film.

Osadzaj filmy z YouTube za pomocą narzędzi do osadzania online

Chociaż sama metoda iframe zawiera długą listę opcji dostosowywania do osadzania filmów, YouTube nie zawiera ich wszystkich. Nawet sekcja „Przykład programisty” w YouTube jest ograniczona do kilku dodatkowych opcji dostosowywania.

Aby skorzystać ze wszystkiego, co ma do zaoferowania metoda iframe, możesz wypróbować internetowe narzędzia do osadzania wideo YouTube, takie jak YouTube Video Embed . Witryna umożliwia wykonanie długiej listy dostosowań i wypluwa kod, który możesz bezpośrednio skopiować do edytora tekstu WordPress.

Po prostu wklej adres URL filmu, pobaw się opcjami osadzania oraz skopiuj i wklej kod iframe. Oto kilka opcji osadzania, których możesz się spodziewać w YouTube Video Embed:

• Automatycznie odtwarzaj wideo — odtwarzaj wideo automatycznie po otwarciu strony internetowej.
• Zapętlanie wideo — osadzony materiał wideo jest wielokrotnie odtwarzany w pętli.
• Pokaż adnotacje – Włącz lub wyłącz adnotacje tekstowe w filmie.
• Zezwalaj na pełny ekran — widzowie mogą lub nie mogą oglądać wideo na pełnym ekranie.
• Napisy – włącz lub wyłącz napisy w filmie.
• Pasek postępu — pasek postępu jest widoczny w całym filmie lub automatycznie ukrywa się po pewnym czasie.
• Powiązane filmy — włącz lub wyłącz wyświetlanie przez YouTube powiązanych filmów na końcu filmu.
• Tytuł wideo — kontroluj widoczność tytułu tekstowego wideo.
• Czas rozpoczęcia — godzina rozpoczęcia wideo.
• Czas zakończenia — godzina zakończenia filmu.
• Układ — wymiary filmu pozostają stałe lub zmieniają się w zależności od rozmiaru ekranu.
• Wyrównanie — wideo można wyrównać do lewej, do środka lub do prawej.
• Współczynnik proporcji — współczynnik proporcji wideo może wynosić 16:9, 4:3 lub 1:1.
• Szerokość i wysokość — wymiary filmu w pikselach.

Optymalizacja osadzonych stron

Osadzone filmy z YouTube stanowią znaczną część wagi strony internetowej. Właśnie dlatego dane o skuteczności pokazują wzrost czasu wczytywania strony po umieszczeniu filmu. Dzieje się tak, ponieważ za każdym razem, gdy przeglądarka odwiedzającego musi wyrenderować Twoją stronę, należy złożyć szereg dodatkowych żądań.

Żądania wielu rozdzielczości, obrazów i innych zasobów spowalniają stronę. A jeśli masz na swojej stronie co najmniej dwa filmy, wszystkie techniki optymalizacji strony nie będą miały większego znaczenia.

Łatwym rozwiązaniem tego problemu jest leniwe ładowanie osadzonych filmów z YouTube. Lazy loading to technika, która ładuje tylko niezbędne zasoby w czasie ładowania strony. Inne mniej krytyczne zasoby, takie jak osadzone filmy, są ładowane tylko wtedy, gdy użytkownik kliknie przycisk odtwarzania.

Uwaga : Lazy loading nie działa, jeśli osadzony film z YouTube jest ustawiony na autoodtwarzanie.

Unikanie leniwego ładowania gwarantuje marnowanie danych użytkownika, czasu przetwarzania, czasu pracy baterii i innych zasobów systemowych. Ale po zainstalowaniu dobrej wtyczki do leniwego ładowania możesz zmniejszyć początkową wagę strony, zużycie zasobów systemowych i początkową wagę strony, a wszystko to poprawia wydajność Twojej witryny.

Wtyczka ELEX Optimize YouTube Video Embed Plugin dla WordPress jest dobrym narzędziem do tego celu. Wtyczka naśladuje osadzone wideo za pomocą gotowego banera i ikony YouTube, ale ładuje osadzone filmy dopiero po kliknięciu przez odwiedzającego.

Możesz pobrać darmową wtyczkę z Elextensions i zainstalować ją na swojej stronie WordPress. Wtyczka zawiera krótki kod, którego możesz użyć do osadzenia wideo. Po prostu podaj adres URL filmu i link do obrazu banera i gotowe.

Krótki kod to: [eh_optimize_youtube_embed video=”VIDEO LINK” banner=”IMAGE URL” alter_text=”ALTERNATE TEXT” width=”560″ height=”315″]

Osadzanie filmów wideo na pasku bocznym

Kreatywnym sposobem wykorzystania filmów z YouTube w WordPressie jest osadzenie ich na pasku bocznym. Zamiast zapełniać pasek boczny najnowszymi sugestiami postów w formie tekstowej, możesz użyć filmów, aby utrzymać ich zaangażowanie w swojej witrynie. Proces osadzania filmów z YouTube na pasku bocznym jest łatwy.

Na pulpicie administratora najedź kursorem na „Wygląd” i kliknij „Dostosuj”. Następnie kliknij „Widżety”, wybierz pasek boczny i kliknij „Dodaj widżet”.

W polu wyszukiwania wpisz wideo i kliknij wynik. Widżet wideo zostanie dodany do paska bocznego. Teraz wystarczy tylko „Dodaj film”. Wybierz „Wstaw z adresu URL” z wyskakującego okienka.

Wklej link wideo, poczekaj na podgląd wideo i kliknij „Dodaj do widżetu”. Na koniec kliknij „Opublikuj”, aby opublikować.

Tworzenie galerii wideo na WordPress

Innym kreatywnym zastosowaniem osadzonych treści z YouTube jest tworzenie galerii wideo na WordPress. Jeśli Twoja marka ma własny kanał YouTube, możesz usprawnić swoje działania związane z marketingiem treści , prezentując cały kanał w swojej witrynie.

Możesz użyć wtyczek, takich jak Embed Plus i Envira Gallery , aby stworzyć własną galerię. Wtyczki te są również wyposażone w funkcje, takie jak importowanie zip, przesyłanie strumieniowe na żywo, kompatybilność z edytorem bloków i wiele innych, dzięki czemu proces jest łatwy i zautomatyzowany.

Dzięki temu wiesz już, jak osadzić wideo z YouTube w WordPressie, zoptymalizować swoją stronę internetową, dostosować pasek boczny i samodzielnie stworzyć galerię wideo. Skontaktuj się z nami, jeśli masz jakiekolwiek istotne pytania.

Sprawdź samouczek wideo:

Dalsza lektura

• Co to jest optymalizacja obrazu i dlaczego jest ważna dla SEO?
• Skuteczne sposoby integracji Instagrama z witrynami WordPress