Jak wstawić klip wideo YouTube jako kwalifikacje pełnoekranowe w WordPress

Opublikowany: 2023-06-10


Szukasz sposobu na włączenie klipów wideo z YouTube jako tła pełnoekranowego w WordPress?

Starannie wykorzystane filmy historyczne mogą od razu przyciągnąć uwagę odwiedzających i zatrzymać ich na Twojej stronie. To sprawi, że będą świetną opcją dla docelowych stron internetowych i stron internetowych generujących przychody.

W tym poście pokażemy, jak wstawić film z YouTube jako pełnoekranowe tło na swojej stronie internetowej WordPress.

How to add YouTube video as fullscreen background in WordPress

Dlaczego warto używać filmu z YouTube jako pełnoekranowego rekordu trasy?

Kiedy odwiedzający początkowo trafiają na Twoją witrynę WordPress, masz tylko kilka sekund, aby wzbudzić ich zainteresowanie i zachęcić do pozostania.

Wciągająca i przyciągająca wzrok historia wideo to wspaniały sposób na zachowanie odwiedzających witrynę internetową. Ponadto istnieje wiele unikalnych motywów WordPress, które pomagają tworzyć tła filmowe.

Niemniej jednak przesyłanie i hostowanie wideo online na WordPress może wymagać dużej przepustowości. W zależności od przygotowania hostingu internetowego WordPress, być może będziesz musiał kupić dodatkowe miejsce.

Jedynym rozwiązaniem jest włączenie filmu z YouTube jako pełnoekranowego tła. W ten sposób możesz wyróżnić się na tle konkurencji, nie spowalniając swojej witryny ani nie zajmując więcej miejsca.

To zgłoszone, zobaczmy, jak możesz dodać film z YouTube jako historię pełnoekranową na swojej stronie internetowej WordPress.

Jak dołączyć wideo YouTube Online jako pełnoekranowy rekord śledzenia w WordPress

Najprostszym sposobem włączenia filmu z YouTube jako pełnoekranowego rekordu jest użycie Zaawansowanych tła WordPress. Ta wtyczka dodaje nowy blok śledzenia, który pozwoli ci opracować pełnoekranową historię z wykorzystaniem dowolnego koloru, obrazu lub filmu, w tym filmów z YouTube.

An example of a YouTube video background in WordPress

Początkowo będziesz musiał zainstalować i aktywować wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszą instrukcją konfiguracji wtyczki WordPress.

Po aktywacji po prostu przejdź do strony lub opublikuj, gdzie chcesz podnieść klip wideo YouTube jako kwalifikację pełnoekranową. Następnie możesz przejść z wyprzedzeniem i po prostu kliknąć przycisk „+”.

W wyskakującym okienku zacznij pisać „AWB w tle”. Kiedy pojawi się odpowiedni blok, kliknij go, aby zwiększyć go do strony internetowej.

How to add a fullscreen video to a WordPress blog post or page

W menu po lewej stronie zobaczysz trzy zakładki dla różnych form pełnoekranowych teł, które możesz stworzyć: Cień, Wrażenie i Wideo online.

Biorąc pod uwagę, że chcesz wstawić film z YouTube, kliknij kartę „Wideo”.

Ta wtyczka umożliwia korzystanie z wideo hostowanego samodzielnie jako kwalifikacji. Niemniej jednak klipy wideo zajmują po prostu dużą ilość miejsca i przepustowości, więc naprawdę nigdy nie powinieneś przesyłać wideo do WordPress.

Po zgłoszeniu pozostałych wybierz kartę „YouTube / Wideo”.

How to add a YouTube video as a fullscreen background in WordPress

Teraz będziesz potrzebować adresu URL filmu YouTube, którego chcesz użyć na swoim blogu WordPress.

W nowej karcie przejdź tylko do klipu wideo i skopiuj hiperłącze w pasku adresu.

Getting the URL for a YouTube video

Po wykonaniu tej czynności wróć ponownie do pulpitu nawigacyjnego WordPress i wklej adres URL na karcie „Adres URL filmu”.

Teraz edytor bloków WordPress wyświetli podgląd tego, jak będzie wyglądać ten rekord. Wyrafinowane tła WordPress modyfikują wymiar wideo, koncentrując się na pisemnej treści, którą dodajesz na nim, więc nie martw się, jeśli wideo w tej chwili wydaje się nieco mniejsze.

How to customize a YouTube background video in WordPress

Tuż przed rozpoczęciem wprowadzania treści pisanej fantastyczną strategią jest skonfigurowanie ustawień tła.

Domyślnie tło klipu wideo jest wyłączone na urządzeniach komórkowych. Smartfony i tablety mają zwykle mniejsze ekrany i znacznie mniej energii potrzebnej do przetwarzania w porównaniu z komputerami stacjonarnymi. Mając to w głowie, dobrym pomysłem jest wyłączenie kwalifikacji wideo na urządzeniach mobilnych.

Mimo to, jeśli chcesz wyświetlić zapis ścieżki klipu wideo na urządzeniach komórkowych, kliknij, aby aktywować przełącznik „Włącz na urządzeniach komórkowych”.

Showing a YouTube background on mobile devices

Po wyjęciu z pudełka blok wykona cały klip wideo z YouTube w pętli.

Jeszcze jedną opcją jest wzięcie udziału w określonej części filmu poprzez wpisanie odpowiednich czasów w kontenerach „Czas rozpoczęcia” i „Czas zakończenia”.

How to add a YouTube background video to a website

Możesz także zatrzymać odtwarzanie filmu w pętli, wyłączając przełącznik „Pętla”.

Domyślnie film włączy się tylko wtedy, gdy odwiedzający zobaczy go w swojej przeglądarce. Pozwala to zwiększyć szybkość i wydajność WordPressa, więc zwykle chcesz wyłączyć przełącznik „Zawsze odtwarzaj”.

Kiedy początkowo włączasz wideo, jest ono wyświetlane ze 100% przezroczystością, więc wydaje się, że jest dobre.

W zależności od układu witryny możesz poeksperymentować z półprzezroczystym tłem wideo, przeciągając suwak „Krycie obrazu”. Może to być sposób na stworzenie bardziej delikatnej historii filmów w YouTube.

Changing the opacity settings for a YouTube video

Jeśli eksperymentujesz z kryciem, możesz również sprawdzić dodanie kolorowej nakładki.

Po prostu kliknij, aby powiększyć część „Kolor nakładki”, a następnie użyj konfiguracji do stworzenia nakładek w różnych kolorach.

Adding an overlay to a video background

Najnowocześniejsza wtyczka WordPress Backgrounds obsługuje wiele różnych wyników paralaksy. Jest to współczesna strategia układu sieci, w której aspekt historii przewija się wolniej niż treść pisana na pierwszym planie, co często zapewnia głębię stylowi i projektowi strony internetowej.

Aby rozważyć różne konsekwencje paralaksy, po prostu kliknij, aby rozszerzyć część „Paralax”, a następnie wybierz alternatywę z menu rozwijanego.

Adding parallax effects to a WordPress website

Natychmiast po wybraniu mody paralaksy otrzymasz kilka dodatkowych opcji, w których możesz dokładnie zmienić prędkość. Możesz także zezwalać i wyłączać efekt paralaksy na jednostki komórkowe.

Podobnie możesz eksperymentować z różnymi wynikami paralaksy myszy, które powodują dodatkowe powolne, ale pewne przewijanie tła, gdy klient porusza myszą.

Aby rzucić okiem na te konfiguracje, kliknij , aby rozwinąć sekcję „Paralaksa myszy”.

Adding mouse parallax effects to a background video

Gdy jesteś zadowolony ze sposobu, w jaki skonfigurowane są kwalifikacje wideo online w YouTube, nadszedł czas, aby zacząć od uwzględnienia treści pisemnych, takich jak treść tekstowa, linki, ilustracje lub zdjęcia.

Aby rozpocząć, kliknij ikonę „+” w środku bloku Kwalifikacje (AWB).

Adding blocks to a YouTube background video

Spowoduje to otwarcie wyskakującego okienka, w którym możesz wybrać blok, który chcesz wstawić. Najnowocześniejsza wtyczka WordPress Backgrounds działa ze wszystkimi konwencjonalnymi blokami WordPress, więc możesz dołączyć dowolne artykuły.

Zaraz po skonfigurowaniu pierwszego bloku, po prostu ponownie kliknij przycisk „+”, a następnie dołącz nadchodzący blok, którego chcesz użyć.

Adding a RafflePress giveaway block to a video background

Po prostu powtarzaj tę metodę, aby opracować układ strony lub witryny.

Kiedy jesteś zadowolony z tego, jak wygląda, po prostu kliknij przycisk „Aktualizuj” lub „Publikuj”, aby strona internetowa zaczęła żyć. Teraz, jeśli spojrzysz na swoją witrynę WordPress, zobaczysz kwalifikacje do filmu w ruchu.

An example of a YouTube video background in WordPress

Bonus: Jak wstawić kanał wideo YouTube w WordPress

Historia klipów wideo może przykuć uwagę odwiedzających, gdy jednocześnie promujesz swój kanał YouTube. Jeśli jednak zdecydowanie chcesz zdobyć o wiele więcej osób i subskrybentów na YouTube, możesz dodać więcej filmów do swojej witryny.

Właśnie tam wkroczy Smash Balloon.

Smash Balloon YouTube Feed Professional to najlepsza wtyczka galerii YouTube na rynku. Natychmiast pokazuje wszystkie najnowsze klipy wideo z Twojego kanału YouTube, więc ludzie zazwyczaj widzą bardzo najnowsze materiały.

Embedding a YouTube playlist using Smash Balloon

Tylko generuj kanał YouTube za pomocą prostego edytora Smash Balloon, a następnie wstawiaj go na dowolną stronę lub post wykorzystujący możliwie krótki kod lub całkowicie gotowy blok wtyczki.

Możesz także użyć Smash Balloon, aby osadzić listy odtwarzania YouTube, ulubione i transmisje na żywo na swojej stronie internetowej WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

Największą zaletą Smash Balloon jest to, że nie spowalnia on Twojej witryny. Wbudowana funkcja buforowania YouTube wtyczki zapewni absolutną pewność, że Twoja witryna stale ładuje się szybko, co jest dobre dla optymalizacji wyszukiwarek.

Mamy nadzieję, że ten post pomógł ci dowiedzieć się, jak zwiększyć klip wideo YouTube jako historię w WordPress. Możesz także przetestować nasze wskazówki, jak zbudować stronę docelową za pomocą WordPress i nasze wykwalifikowane typy najlepszych wtyczek do galerii filmów YouTube.

Jeśli podobał Ci się ten artykuł, pamiętaj, aby zasubskrybować nasz kanał YouTube, aby zapoznać się z samouczkami wideo online WordPress. Możesz nas również znaleźć na Twitterze i Fb.