Jak osadzić wideo w WordPress (YouTube + więcej)
Opublikowany: 2020-09-02Nie wiesz, jak osadzić wideo w WordPressie?
Dodanie treści wideo do witryny to świetny sposób na poprawę czasu przebywania witryny i czasu na stronie, co może mieć pośrednie korzyści dla SEO. Umieszczanie wideo to nie tylko uszczęśliwianie wyszukiwarek, takich jak Google – korzystanie z wideo może również pomóc w nawiązaniu kontaktu z odwiedzającymi i zachęceniu ich do działania.
Na szczęście WordPress zawiera wiele narzędzi i metod, których możesz użyć do osadzania filmów w swoich treściach.
W tym poście omówimy jak najwięcej z nich. Niezależnie od tego, czy używasz edytora Block (Gutenberg), edytora klasycznego czy Elementora, pokażemy Ci, jak osadzić filmy z YouTube, Vimeo, własnego serwera i wielu innych metod. Podamy też inne wskazówki, takie jak umieszczanie prywatnych filmów, których widzowie nie będą mogli udostępniać.
Bez względu na scenariusz, w którym pracujesz, powinieneś mieć wiedzę, której potrzebujesz do końca tego postu.
Spis treści
- Jak osadzić wideo w WordPress
- Jak osadzić wideo w edytorze WordPress Gutenberg
- Jak osadzić wideo w klasycznym edytorze WordPress (TinyMCE)
- Jak osadzać filmy w Elementorze
- Jak osadzić wideo z YouTube w WordPress
- Jak osadzić wideo na pasku bocznym WordPress
- Jak osadzać filmy z innych źródeł (Vimeo, DailyMotion itp.)
- Jak samodzielnie hostować filmy na WordPress
- Jak osadzić prywatne filmy wideo w witrynach/kursach członkowskich WordPress?
- Osadzaj filmy w WordPressie w najprostszy sposób — z Elementor
Jak osadzać filmy w postach i stronach bloga WordPress?
Poniżej omówimy wszystkie różne sposoby wstawiania plików wideo do witryn WordPress przy użyciu różnych metod.
Aby upewnić się, że jest to wyczerpujący przewodnik, szczegółowo omówimy każdą opcję, co oznacza, że sekcje będą się częściowo pokrywać. Na przykład, gdy pokażemy, jak osadzić filmy w Elementorze, użyjemy YouTube jako przykładu.
Zagłębmy się…
Jak osadzić wideo w edytorze bloków WordPress (Gutenberg)
Jeśli korzystasz z edytora bloków WordPress, AKA Gutenberg, ma on wbudowane bloki, które ułatwiają osadzanie filmów z różnych źródeł. Pokażemy Ci, jak te bloki działają w YouTube, ale te same podstawowe działania dotyczą innych usług wideo.
Aby rozpocząć, musisz dodać blok YouTube , w którym chcesz umieścić swój film:

Następnie wklej bezpośredni adres URL do filmu (skopiowany z paska adresu przeglądarki) i kliknij Osadź . Powinieneś wtedy zobaczyć podgląd swojego filmu na żywo w edytorze:

Edytor bloków zawiera dedykowane bloki osadzania wideo dla następujących usług:
- Youtube
- Vimeo
- Animo
- DailyMotion
- Prezentacja ekranu
- TIK Tok
- WideoPress
WordPress.tv
Jak osadzić wideo w klasycznym edytorze WordPress (TinyMCE)
Jeśli nie korzystasz z nowego edytora WordPress Block, nadal możesz łatwo osadzać filmy za pomocą klasycznego edytora TinyMCE.
Edytor klasyczny zawiera wszystkie te same integracje osadzania, co nowy edytor blokowy – po prostu nie czyni ich tak oczywistymi, ponieważ nie ma „bloku” dla każdego źródła.
Aby skorzystać z tych integracji osadzania, wystarczy wkleić bezpośredni adres URL do karty Wizualne edytora klasycznego. Następnie WordPress automatycznie osadzi wideo za Ciebie.
Na przykład, aby osadzić wideo z YouTube w WordPress, najpierw skopiuj bezpośredni link do wideo z paska adresu przeglądarki. Następnie po prostu wklej adres URL wideo do edytora, a WordPress zajmie się resztą – oto GIF pokazujący, jak to działa:
Przeczytaj artykuły dotyczące kodu HTML na naszym blogu, aby uzyskać najlepsze wskazówki dotyczące komponowania treści internetowych.

Możesz użyć tego samego podejścia dla innych platform, takich jak Vimeo, DailyMotion itp.
Jak osadzać filmy w Elementorze
Elementor zawiera własny widżet wideo, który bardzo ułatwia osadzanie filmów w treści.
Aby rozpocząć, dodaj widżet wideo w miejscu w treści, w którym chcesz dołączyć wideo. Następnie wybierz źródło spośród czterech opcji:
- Youtube
- Vimeo
- DailyMotion
- Własny Host
Po dokonaniu wyboru wystarczy wkleić link do filmu. Jeśli masz Elementor Pro, możesz również użyć jego funkcji zawartości dynamicznej, aby dynamicznie wstawić łącze wideo z niestandardowego pola.
Następnie skonfiguruj pozostałe ustawienia zgodnie z własnymi preferencjami. Na przykład możesz automatycznie odtwarzać wideo, wyłączać elementy sterujące odtwarzacza i nie tylko.

Aby zwiększyć wydajność, możesz użyć funkcji nakładki obrazu, aby wyświetlić statyczny obraz i leniwie wczytywać wideo. Poczeka z załadowaniem filmu, dopóki użytkownik nie wejdzie z nim w interakcję, co przyspieszy czas ładowania Twojej witryny.
Dzięki Elementor Pro masz również dostęp do widżetu Media Carousel, który umożliwia tworzenie karuzeli/suwaków zawierających osadzone filmy z YouTube lub Vimeo. W ustawieniach widżetu wybierz Wideo jako typ slajdu i:
- Dodaj obraz miniatury.
Wprowadź link do wideo YouTube lub Vimeo w polu Łącze wideo .

Dzięki dodatkom do Elementora innych firm możesz również uzyskać dostęp do dodatkowych widżetów, które pomogą Ci pracować z filmami w Elementorze. Na przykład Ultimate Addons dla Elementora zapewnia nowy widżet galerii wideo z możliwością filtrowania.