Umieszczanie na naszej stronie filmików z innych źródeł - moduł Embedded Media Field

W tym wpisie pokażę Wam jak umieszczać na naszej stronie filmiki z innych źródeł np. YouTube. Możecie zapytać, po co nam ten moduł skoro każdy filmik można wstawić na stronę i bez niego? Oczywiście można ale moduł Embedded Media Field pozwala nam na tworzenie miniaturek dzięki czemu możemy sami zrobić serwis typu YouTube czy Dailymotion.

Zaczynamy, jakie moduły będą nam potrzebne?

Ze względu na to że musimy stworzyć nowe pole w naszym rodzaju zawartości niezbędny jest moduł Content Construction Kit (CCK) no i oczywiście nasz dzisiejszy bohater czyli moduł Embedded Media Field

Instalacja i konfiguracja modułu

Po przesłaniu modułów na nasz serwer należy je aktywować, w tym celu udajemy się do działu Budowa witryny - Moduły i ustawiamy jak na rys. 1.

Rys. 1 - aktywowanie niezbędnych modułów

Po włączeniu modułów udajemy się do działu Zarządzanie zawartością - Rodzaje zawartości i przy naszym rodzaju zawartości w którym chcemy umieszczać filmiki wybieramy Manage fields. W moim wypadku będzie to Page.

Rys. 2 - rodzaje zawartości

Po kliknięciu w Manage fields pojawia nam się widok jak na rys. 3. Tworzymy nowe pole (New field) nazywamy go np. Video , w polu Field name nadajemy mu wewnętrzną nazwę (bez polskich znaków i wielkich liter), dalej z rozwijanego pola wybieramy Embedded Video i na samym końcu 3rd Party Video.

Rys. 3 - dodawanie nowego pola w naszym rodzaju zawartości

Po zapisaniu ustawień pojawia nam się okno z konfiguracją modułu (rys. 4).
Providers Supported - wybieramy źródła z jakich będziemy dodawać filmiki, ja wybrałem YouTube.
Video Display Settings - ustawiamy wielkość filmiku na naszej stronie. Funkcja Autoplay pozwala na automatyczne odtwarzanie filmiku gdy strona zostanie odwiedzona.
Thumbnail - wielkość miniaturki naszego filmiku. W polu Default thumbnail path można ustawić taką samą miniaturę dla wszystkich filmików a w polu Thumbnail title opis miniatury widoczny po najechaniu myszką.
Ustawienia globalne - tutaj ustawiamy czy pole Video które stworzyliśmy ma być wymagane i ilość tych pół w naszym rodzaju zawartości.

Rys. 4 - konfiguracja nowego pola

Stworzyliśmy nowe pole w naszym rodzaju zawartości tak więc możemy dodawać filmiki. Idziemy do Dodaj zawartość i wybieramy rodzaj zawartości w którym stworzyliśmy nowe pole, w moim przypadku był to rodzaj zawartości Page. Na rys. 5 widać że dodałem tytuł i w polu Video wstawiłem pełny kod z serwisu YouTube.

Rys. 5 - dodawanie zawartości

Na rys. 6 widzimy nasz filmik. Filmik został wstawiony poprawnie ale coś tu jest nie tak, miała być miniatura na stronie głównej prowadząca do strony z filmikiem a jest od razu filmik no i jakiś napis Video nad filmikiem.

Rys. 6 - filmik na naszej stronie

Trzeba coś z tym zrobić. Udajemy się do Rodzaje zawartości, przy naszym rodzaju zawartości (w moim przykładzie Page) wybieramy link edytuj i następnie Display fields. Widzimy teraz opcje wyświetlania naszego pola Video.
Label - tutaj wybieramy co zrobić z nazwą naszego pola którą widzieliśmy w rys. 5, Above czyli nazwa ma być nad filmikiem czy Hidden czyli ma być ukryta, ja wybrałem jej ukrycie.
Teaser - ta opcja pozwala nam zarządzać miniaturą filmiku, ja z listy rozwijanej wybrałem Image Thumbnail (linked to node) czyli miniatura filmiku która prowadzi do całego filmiku.
Full node - ostatnie pole pozwala nam na zarządzanie filmikiem już na stronie, ja wybrałem Domyślny czyli filmik będzie wyświetlał się bez zmian.
Exclude - ta opcja wyłącza możliwość tworzenia miniatur pozostawiając tylko tytuł prowadzący do strony z naszym filmikiem.

Rys. 7 - konfiguracja pola

Zapisaliśmy ustawienia, wracamy na nasza stronę główną i gotowe!

Rys. 8 - miniatura prowadząca do całego filmiku

Klikając w miniaturę sprawdzamy czy wszystko jest w porządku. Jest, miniatura prowadzi nas na stronę z filmikiem.

Rys. 9 - strona z naszym filmikiem

Jak widzicie moduł Embedded Media Field jest bardzo interesujący, razem z modułem Views sami możecie zbudować stronę z filmikami.

Moduł Embedded Media Field posiada także inne funkcję takie jak umieszczanie zdjęć czy utworów audio.

Autor

Przemek jest webdesignerem pracującym z systemem Drupal. Więcej o autorze dowiecie się z jego strony Futso.pl.