Download, sterowniki

Jak dodać wideo z YouTube do WordPress

Autor
Michał Majchrzycki
Data dodania
21.10.2016
Ilość komentarzy
1

Dzisiaj pokażemy Wam, jak w prosty, skuteczny sposób dodawać materiały z serwisu YouTube do strony działającej na platformie Wordpress. Metoda jest banalnie prosta, jednak oprócz najłatwiejszych sposobów możemy również skorzystać z wtyczek specjalnie do tego przeznaczonych. Zapraszamy do zapoznania się z poradnikiem.

Dodawanie materiałów z YouTube do Wordpressa jest rzecz jasna bardzo proste. Ogólnie rzecz biorąc, do dyspozycji mamy dwa podstawowe rozwiązania. Pierwsze polega na tym, że korzystamy ze specjalnego kodu udostępnianego przez serwis YouTube. To rozwiązanie przyda się osobom, które rzadko dodają materiały wideo. Metoda druga obejmuje wykorzystanie specjalnie do tego stworzonych wtyczek.

Warto też sprawdzić, czy nasza wersja YouTube działająca na naszej stronie prawidłowo obsługuje filmiki wideo. Wprawdzie czasy Flasha bezpowrotnie przemijają, jednak koniecznie trzeba też upewnić się, że materiał wideo przez nas dodany jest w technologii HTML5 - tylko takie rozwiązanie upewnia nas, że filmik wideo będzie prawidłowo wyświetlany zarówno w komputerach, jak i urządzeniach przenośnych (smartfon, tablet). Przejdźmy jednak do pierwszej części naszego poradnika.

Jak dodać film YouTube za pomocą kodu

Najprostszy sposób, jak już wspomnieliśmy, to skorzystanie z kodu udostępnianego na stronach YouTube. To rozwiązanie dla osób, które rzadko wrzucają materiały filmowe na swoją stronę.

W tym celu odwiedzamy interesujący nas klip wideo w serwisie YouTube, a następnie klikamy przycisk znajdujący się tuż pod materiałem - "Udostępnij". Wśród opcji udostępniania (e-mail, Facebook, Twitter itp.) znajdziemy również opcję "Umieść na stronie". Wybieramy ją, a następnie kopiujemy kod, jaki znajduje się w polu udostępniania.

Teraz wystarczy już tylko wkleić kod na stronie czy we wpisie na naszej witrynie. Koniecznie należy pamiętać, aby kod z filmiku YouTube wkleić w widoku tekstowym - w przeciwnym razie nie będzie on poprawnie wyświetlany na naszej witrynie. Warto jeszcze wiedzieć, że z poziomu kodu możemy wprowadzić drobne zmiany - np. ustalić odgórnie wysokość i szerokość filmiku wideo. Możemy ustawić rozmiar w pikselach, bądź procentach. Wystarczy podmienić następujące wartości:

< iframe src="https://www.youtube.com/embed/iWASxoXX8SM" frameborder="0" width="560" height="315">< /iframe >

width - szerokość

height - wysokość

Możemy np. ustawić szerokość na 100%, a wysokość ustalić domyślną. Warto jednak pamiętać, że filmiki na YouTube zamieszczane są w proporcjach 16:9, a zatem jeżeli ustawimy nietypowy rozmiar, będą one po prostu źle wyglądały na stronie.

Możemy też ustawić ramkę dla materiału wideo ("frameborder"), zmieniając domyślną wartość 0 na dowolną inną liczbę. Tutaj rzecz jasna warto też zachwowywać umiar, a najlepszą metodą (chyba że tak pasuje do wyglądu naszej strony) jest pozostawienie zerowej ramki. Jeżeli natomiast usuniemy wartość "allowfullscreen", klip wideo nie będzie możliwy do wyświetlania w trybie pełnoekranowym.

Jak dodać film YouTube za pomocą wtyczki

Druga metoda, jaką tutaj omówimy, to dodawanie materiałów wideo do naszej strony za pomocą specjalnie do tego przygotowanych wtyczek. To rozwiązanie przydaje się, jeżeli dodajemy sporo klipów wideo i chcemy nimi łatwo zarządzać, bądź też jeżeli mamy własny kanał wideo w serwisie YouTube.

Wordpress zapewnia całą paletę wtyczek - od prostych, które pozwalają na szybkie wklejanie krótkich kodów z materiałami wideo, przez bardziej rozbudowane, aż po prawdziwe kombajny do zarządzania materiałami YouTube. Tutaj przedstawimy pokrótce najciekawsze rozwiązania.

Jednym z najprostszych dodatków jest darmowa wtyczka Simple YouTube Embed. Ten dodatek pozwala na szybkie oraz wygodne wstawianie materiałów wideo. Po zainstalowaniu dodatku, wystarczy wkleić link z YouTube do wpisu czy podstrony - nie musimy kopiować całego kodu itp. Dodatkowo, z poziomu opcji dodatku możemy zmieniać takie ustawienia jak chociażby kontrolki (odtwarzanie, pauza, udostępniania, autoodtwarzanie) czy włączać i wyłącząc tryb pełnoekranowy wideo.

Nieco bardziej zaawansowanym pluginem jest YouTube Embed WordPress Plugin. Ta wtyczka pozwala nie tylko na szybkie umieszczanie materiałów wideo, ale również zarządzanie całymi playlistami czy ustawianie kanałów do wyświetlania na naszej witrynie. Możemy też stworzyć całą galerię na podstawie listy odtwarzania, albo w ogóle dodać do strony cały kanał YouTube. Kolejne funkcje, jakie oferuje omawiana wtyczka to chociażby ustawianie domyślnej głośności, playback dla urządzeń mobilnych, domyślne odtwarzanie w formacie HTML5 oraz wiele innych.

Ciekawym rozwiązaniem jest też wtyczka TubePress, która przeznaczona jest przede wszystkim do zarządzania wieloma materiałami wideo. Pozwala ona na szybkie i wygodne, a także dopasowane do urządzeń mobilnych fimików. Wtyczka z poziomu ustawień pozwala też na ustawienie ciekawego przechodzenia między odtwarzanymi materiałami filmowymi na naszej stronie. Warta przetestowania, chociaż od jakiegoś czasu nie jest już niestety rozwijana.

Na zakończenie zachęcamy do komentowania tekstu, zwłaszcza jeżeli szukacie podobnych rozwiązań albo jeżeli nie znaleźliście wtyczki do YouTube, której szukacie. Chętnie pomożemy w odszukaniu alternatywnych rozwiązań.

Dołącz do dyskusji

Natanael

10.02.2018

Dzięki!

comments powered by Disqus