Osadzanie playera Video CMS na Facebooku

Wielkość: px

Rozpocząć pokaz od strony:

Download "Osadzanie playera Video CMS na Facebooku"

Alojzy Nowakowski
8 lat temu
Przeglądów:

Osadzanie playera Video CMS na Facebooku Video CMS jako jedna z nielicznych platform wideo umożliwia osadzanie odtwarzacza wideo na stronach Facebooka.

1 Osadzanie playera Video CMS na Facebooku Video CMS jako jedna z nielicznych platform wideo umożliwia osadzanie odtwarzacza wideo na stronach Facebooka. Dzięki temu możliwe jest publikowanie wideo wraz z reklamami, listami odtwarzania, listami "zobacz również", odnośnikami do strony macierzystej oraz opcją embedowania. To świetny sposób na zwiększenie oglądających klipy wideo. Zawartość Wstawianie embedowanego odtwarzacza... 2 Opis znaczników... 3 Osadzenia odtwarzacza ze strony generowanej przez Video CMS... 5

Dzięki temu możliwe jest publikowanie wideo wraz z reklamami, listami odtwarzania, listami "zobacz również", odnośnikami do

2 Wstawianie embedowanego odtwarzacza Domena player.videocms.pl została dodana do listy zaufanych domen serwisu Facebook. Dzięki temu, aby umieścid video na swojej tablicy na Facebooku wystarczy podzielid się (share) linkiem do strony która zawiera osadzony odtwarzacz (kod embed). Aby serwis Facebook prawidłowo umieścił odtwarzacz w treści wpisu, konieczne jest jednak dodanie kilku znaczników HTML <meta> na stronie która zawiera osadzony odtwarzacz. Znaczniki muszą zostad umieszczone w sekcji <head>: <meta name="medium" content="video" /> <meta name="title" content="facebook" /> <meta name="description" content="b.d." /> <link rel="image_src" href=" c70f s0.jpg" /> <link rel="video_src" href=" ttp://baska.tivi.pl/367,channel,conf.xml"/> <meta name="video_height" content="288" /> <meta name="video_width" content="512" /> <meta name="video_type" content="application/x-shockwave-flash" /> <meta property="og:title" content="facebook"/> <meta property="og:type" content="tv_show"/> <meta property="og:image" content=" S0.jpg"/> <meta property="fb:admins" content=" " /> <meta property="og:site_name" content="blog Baśki"/> <meta property="og:description" content="b.d."/> Przykład za: 2

Aby serwis Facebook prawidłowo umieścił odtwarzacz w treści wpisu, konieczne jest jednak dodanie kilku znaczników HTML <meta> na stronie która zawiera osadzony odtwarzacz.

3 Opis znaczników Ogólne informacje o umieszczaniu bogatych treści można znaleźd na stronie w sekcji "Sharing rich media". <meta name="medium" content="video" /> Typ medium które jest umieszczone we wpisie - można użyd innych znaczników (np. audio lub image) ale nie będą one współdziałały poprawnie z playerem wideo. Tytuł medium <meta name="title" content="facebook" /> Opis medium <meta name="description" content="b.d." /> <link rel="image_src" href=" c70f s0.jpg" /> Link do obrazka z miniaturką reprezentującą klip wideo. Link do obrazka wygenerowanego przez Video CMS można pobrad z "Biblioteki mediów", edycji medium - z sekcji "Ustawienia zaawansowane". <link rel="video_src" href=" ttp://baska.tivi.pl/367,channel,conf.xml"/> Adres do playera wideo wraz z danymi flashvar - zmienna jest tylko częśd "xmlconfig=". Wartośd tej zmiennej powinna byd ustawiona wg. formatu: gdzie liczba jest identyfikatorem (id) medium. Np. jeśli dane do osadzenia są pobierane z pliku XML z listą odtwarzania id medium jest zwarte w elemencie XML <x>. Wysokośd odtwarzacza <meta name="video_height" content="288" /> 3

Tytuł medium <meta name="title" content="facebook" /> Opis medium <meta name="description" content="b.d." /> <link rel="image_src" href="http://r.simplestorage.pl/tivi/f/044/f044- c70f195-11844-s0.

4 Szerokośd odtwarzacza <meta name="video_width" content="512" /> <meta name="video_type" content="application/x-shockwave-flash" /> Zawsze stałą wartośd z typem treści Znaczniki Open Graph <meta property="og:title" content="facebook"/> Szczegóły o znacznikach Open Graph można znaleźd tutaj: <meta property="og:type" content="tv_show"/> OpenGraph służy do opisu rzeczy ze świata rzeczywistego które mogą byd umieszczane na Facebooku. Typ serial telewizyjny zazwyczaj pasuje do mediów umieszczanych w Video CMSie - szczegółowe typy można znaleźd na stronie Open Graph wymienionej powyżej. <meta property="og:image" content=" S0.jpg"/> Miniaturka opisana powyżej przy meta tagu image_src <meta property="fb:admins" content=" " /> ID profilu użytkownika na Facebooku odpowiedzialnego za tę treśd <meta property="og:site_name" content="blog Baśki"/> Tytuł serwisu z którego treśd pochodzi 4

Typ serial telewizyjny zazwyczaj pasuje do mediów umieszczanych w Video CMSie - szczegółowe typy można znaleźd na stronie Open Graph wymienionej powyżej. <meta property="og:image" content="http://r.

5 <meta property="og:description" content="b.d."/> Opis. Po wprowadzeniu znaczników warto sprawdzid ich poprawnośd za pomocą narzędzia dostępnego pod adresem: Osadzenia odtwarzacza ze strony generowanej przez Video CMS Strony wygenerowane przez Video CMS, czyli takie do których można uzyskad dostęp poprzez domenę *.videocms.pl (np. posiadają umieszczone odpowiednie znaczniki. W takim wypadku sprawa jest maksymalnie prosta, wystarczy wskazad link do danej strony. 5

com/tools/lint/ Osadzenia odtwarzacza ze strony generowanej przez Video CMS Strony wygenerowane przez Video CMS, czyli takie do których

Podobne dokumenty

Dalej będziemy tworzyli prezentacje filmową złożoną ze zdjęd, filmów i muzyki.

Dalej będziemy tworzyli prezentacje filmową złożoną ze zdjęd, filmów i muzyki. I. Edycja filmu Windows Movie Maker Program Windows Movie Maker jest programem systemowym, dostarczanym razem z Windows i służy do tworzenia prezentacji multimedialnej zawierającej pliki graficzne, ewentualnie