Jak korzystać z bloku wideo WordPress

Blok wideo WordPress ułatwia przesyłanie i dodawanie filmów do stron i postów. Daje wiele opcji kontrolowania rozmiaru i funkcji. Dodanie wideo z tym blokiem sprawia, że ​​treść wygląda bardziej profesjonalnie i jest pożądana. Na szczęście blok wideo jest łatwy w użyciu.

W tym artykule omówimy blok wideo. Zobaczymy również jego ustawienia i opcje, zapoznamy się z kilkoma wskazówkami i sprawdzonymi metodami korzystania z niego oraz z często zadawanymi pytaniami.

Jak dodać blok wideo do posta lub strony?

Aby dodać blok wideo do treści, najpierw umieść kursor w miejscu, w którym ma się pojawić blok, i wybierz narzędzie Wstawka. Następnie otworzy się pole wyszukiwania, w którym możesz wyszukać blok lub przewinąć, aby zobaczyć opcje. Wyszukaj film i wybierz go, gdy zostanie wyświetlony w wynikach.

Jeśli wolisz, możesz wpisać /video w miejscu, w którym chcesz umieścić blok i nacisnąć Enter lub wybrać go z opcji.

Blok wideo zostanie umieszczony w obszarze zawartości. Wstawianie multimediów działa tak samo jak blok obrazu. Prześlij film, wybierz film z biblioteki lub wstaw adres URL filmu, który chcesz wyświetlić. Jeśli adres URL pochodzi ze źródła takiego jak YouTube, blok zostanie przekonwertowany na ten typ bloku. Opcje są minimalne, dopóki nie prześlesz filmu.

Odtwarzacz wideo zawiera wszystkie podstawowe opcje odtwarzania, w tym przyciski odtwarzania/wstrzymywania, pasek postępu, audio, pełny ekran oraz przyciski pobierania i obrazu w obrazie. Obraz w obrazie umieszcza wideo w prawym dolnym rogu, dzięki czemu można je odtwarzać, gdy użytkownik przewija witrynę. Możesz umieścić podpis pod filmem.

Ustawienia i opcje blokowania wideo

Opcje i ustawienia obejmują pasek narzędzi i pasek boczny. Nie zobaczysz wszystkich tych ustawień, dopóki nie prześlesz filmu.

Pasek narzędzi bloku wideo

Kliknij w dowolnym miejscu bloku wideo, aby zobaczyć narzędzia. Niektóre narzędzia mogą nie być wyświetlane, dopóki nie dodasz obszaru bloku pod tym blokiem. Przyjrzyjmy się szczegółowo każdemu ustawieniu.

Zmień blok lub styl wideo

Wybranie ikony odtwarzania wideo otwiera rozwijane pole, w którym możesz przekształcić blok w inne typy bloków. Ten przykład pokazuje Okładkę.

Grupa – dodaje blok do grupy, dzięki czemu można je dostosować jako pojedynczy blok.

Kolumny – powoduje to umieszczenie bloku w kolumnach.

Media i tekst – dodaje tekst obok mediów, tworząc dwie kolumny.

Okładka – umieszcza podpis nad filmem. Możesz zmienić podpis z bloku akapitu na inny rodzaj bloku tekstu lub przycisku.

Plik – zmienia wideo w przycisk z podpisem, umożliwiając użytkownikowi pobranie wideo zamiast odtwarzania go ze strony internetowej.

Narzędzie do przeciągania bloku wideo

Chwyć narzędzie do przeciągania za pomocą myszy, aby przenieść je w dowolne miejsce w treści. Pojawi się niebieska linia wskazująca, gdzie blok zostanie upuszczony podczas przeciągania go.

Blok wideo zostanie wówczas umieszczony w nowej lokalizacji.

Przesuń blok wideo

Przesuń blok wideo o jedną sekcję treści za pomocą strzałek w górę iw dół.

Wyrównanie zmiany bloku wideo

Opcje wyrównania obejmują do lewej, do środka, do prawej, szerokie i do pełnej szerokości. Wyrównanie do prawej i do lewej zawija tekst z następnego bloku wokół wideo. Ustawiłem ten przykład, aby wyrównać w prawo.

To jest szeroka szerokość. Zajmuje większość ekranu.

Ścieżki tekstowe bloku wideo

Ścieżki tekstowe wyświetlają napisy i podpisy podczas odtwarzania wideo. Są one sformatowane jako pliki .vtt WebVTT (Web Video Text Tracks). Pliki są ładowane z biblioteki multimediów.

Po przesłaniu pliku .vtt zobaczysz opcje edycji utworu. Dodaj etykietę, wybierz język i wybierz rodzaj utworu.

Etykieta to tytuł utworu tekstowego, który użytkownik zobaczy, gdy spojrzy na dostępne utwory.

Język źródłowy to język ścieżki tekstowej.

Rodzaj odnosi się do rodzaju wyświetlanego utworu. Opcje obejmują:

• Napisy – tłumaczenie dialogu.
• Podpisy – transkrypcje dialogów, efektów dźwiękowych, muzyki itp.
• Opisy – tekst opisujący to, co się dzieje.
• Rozdziały – tytuły rozdziałów do nawigacji.
• Metadane – dane do wykorzystania przez JavaScript.

Następnie do opcji odtwarzacza dodawane są napisy, które użytkownicy mogą wybrać.

Zastąp blok wideo

Dzięki temu możesz zastąpić film innym filmem.

Opcje blokowania wideo

Opcje obejmują ukrywanie większej liczby ustawień, kopiowanie, duplikowanie, wstawianie przed lub po, przenoszenie, edytowanie jako HTML, dodawanie do bloków wielokrotnego użytku, grupowanie i usuwanie bloku.

Oto, co robią opcje:

Ukryj więcej ustawień – ukrywa prawy pasek boczny, usuwając elementy rozpraszające uwagę i rozszerzając obszar roboczy.

Kopiuj — kopiuje blok wideo do schowka, dzięki czemu można go wkleić w dowolnym miejscu treści.

Duplikat – dodaje duplikat bloku pod oryginałem.

Wstaw przed – dodaje obszar bloku nad tym blokiem, dzięki czemu można umieścić kolejny blok.

Wstaw po — dodaje obszar poniżej tego bloku, w którym można umieścić kolejny blok.

Przenieś do — pozwala przesunąć blok w górę lub w dół. Jest przesuwany za pomocą klawiszy strzałek, aby umieścić niebieską linię w miejscu, w którym chcesz blokować i naciskając Enter.

Edytuj jako HTML — pokazuje kod HTML tylko tego bloku, pozostawiając wszystkie inne bloki bez zmian.

Dodaj do bloków wielokrotnego użytku – dodaje blok do bloków wielokrotnego użytku, dzięki czemu można go ponownie wykorzystać na innych stronach lub w postach.

Grupa – dodaje blok do grupy, dzięki czemu można dopasować wszystkie bloki jako jedną jednostkę.

Usuń blok – usuwa blok.

Opcje napisów do blokowania wideo

Podpis zawiera również zestaw opcji. Kliknięcie w dowolnym miejscu w obszarze podpisu otwiera mały pasek narzędzi z opcjami pogrubienia, kursywy i łącza. Zawiera również opcje formatowania. Opcje obejmują:

• Kod wbudowany
• Wbudowany obraz
• Wejście klawiatury
• Przekreślenie
• Indeks
• Napisany u góry
• Kolor tekstu

Każdy wpływa na podświetlony tekst.

Ustawienia blokady wideo

Ustawienia bloku wideo obejmują wideo i zaawansowane. Przyjrzyjmy się obu.

Ustawienia wideo

Ustawienia wideo pozwalają kontrolować działanie odtwarzacza. Opcje obejmują:

Autoodtwarzanie – odtwarza wideo automatycznie po załadowaniu strony.

Loop – odtwarza wideo w ciągłej pętli.

Wyciszony – wycisza dźwięk.

Playback Controls – ukrywa lub pokazuje elementy sterujące odtwarzacza. Gdy kontrolki są ukryte, użytkownik nie będzie miał kontroli nad filmem. Autoodtwarzanie będzie musiało być włączone.

Play Inline – odtwarza wideo w obszarze odtwarzania elementu.

Wstępne ładowanie – określa, jaka część wideo jest pobierana po załadowaniu strony. Wybierz auto (cały film), metadane (tylko podstawowe informacje) lub brak (nic nie jest pobierane automatycznie).

Obraz plakatu – umożliwia zastąpienie zrzutu ekranu z pierwszej klatki filmu polecanym obrazem. Nadal wyświetla elementy sterujące odtwarzacza, chyba że je dezaktywujesz. W powyższym przykładzie dodałem nowy obraz.

Zaawansowany

Zaawansowane ustawienia wideo obejmują kotwicę HTML i dodatkowe klasy CSS.

Kotwica HTML – pozwala określić tekst, który będzie używany jako niestandardowy adres URL dla tego konkretnego bloku.

Dodatkowe klasy CSS – udostępnia pole do dodania dowolnych klas CSS, których chcesz użyć dla tego bloku.

Wskazówki i najlepsze praktyki dotyczące skutecznego korzystania z bloku wideo

Jeśli osadzasz filmy z takich źródeł, jak YouTube lub Vimeo, użyj ich bloku zamiast bloku wideo.

Skompresuj wideo i zmniejsz jego rozmiar oraz czas ładowania.

Twórz ścieżki .vtt za pomocą generatorów napisów online lub podobnych aplikacji.

Ustaw wstępne ładowanie na Brak, jeśli chcesz zwiększyć szybkość strony. Kwota, która zostanie pobrana automatycznie, będzie miała wpływ na szybkość ładowania strony.

Użyj opcji szerokości prawej i lewej strony, aby umieścić tekst wokół filmu, aby wyglądał interesująco wizualnie. Użyj opcji szerokiej i pełnej szerokości, aby podkreślić wideo.

Zamiast używać pierwszej klatki jako obrazu wideo, utwórz polecany obraz, który chcesz kliknąć.

Często zadawane pytania dotyczące blokady wideo

Jaki jest cel tego bloku?

Ten blok ułatwia przechowywanie filmów w Twojej witrynie i zapewnia kontrolę nad działaniem odtwarzacza.

Jaka jest różnica między blokadą wideo a osadzonym wideo?

Osadzone wideo ze źródeł takich jak YouTube i Vimeo nie zapewniają kontroli nad funkcjami odtwarzacza.

Jakie są najlepsze sposoby wykorzystania tego bloku?

Użyj autoodtwarzania z zapętleniem i usuń elementy sterujące odtwarzacza, aby wyświetlać prezentacje produktów i krótkie filmy instruktażowe. W przypadku dłuższych filmów wyłącz autoodtwarzanie i pozostaw włączone sterowanie.

Wniosek

Oto nasze spojrzenie na blok wideo WordPress. Podoba mi się poziom kontroli, jaki zapewnia. Wyrównanie do lewej i prawej strony wygląda szczególnie dobrze w otoczeniu treści, a szeroka szerokość to świetny sposób na zwrócenie uwagi na wideo. Dodanie obrazu plakatu może przyciągnąć uwagę użytkowników. Ten blok to doskonały wybór do prezentacji produktów, samouczków, muzyki i wielu innych.

Chcemy usłyszeć od Ciebie. Czy korzystasz z bloku wideo? Daj nam znać o swoim doświadczeniu w komentarzach.

Polecane zdjęcie za pośrednictwem PD99 / shutterstock.com