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
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="http://r.simplestorage.pl/tivi/f/044/f044- c70f195-11844-s0.jpg" /> <link rel="video_src" href="http://player.videocms.pl/player.swf?openrelated=1&xmlconfig=h 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="http://r.simplestorage.pl/tivi/f/044/f044-c70f195-11844- S0.jpg"/> <meta property="fb:admins" content="100000483138676" /> <meta property="og:site_name" content="blog Baśki"/> <meta property="og:description" content="b.d."/> Przykład za: http://baska.tivi.pl/2501,wpis,faceboook.html 2
Opis znaczników Ogólne informacje o umieszczaniu bogatych treści można znaleźd na stronie http://developers.facebook.com/docs/share 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="http://r.simplestorage.pl/tivi/f/044/f044- c70f195-11844-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="http://player.videocms.pl/player.swf?openrelated=1&xmlconfig=h 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: http://klient.videocms.pl/wpcontent/plugins/videocms/config_xml.php?params=135319 gdzie liczba 135319 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
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: http://developers.facebook.com/docs/opengraph <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="http://r.simplestorage.pl/tivi/f/044/f044-c70f195-11844- S0.jpg"/> Miniaturka opisana powyżej przy meta tagu image_src <meta property="fb:admins" content="100000483138676" /> 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
<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: http://developers.facebook.com/tools/lint/ 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. http://konferencjavideo.videocms.pl) posiadają umieszczone odpowiednie znaczniki. W takim wypadku sprawa jest maksymalnie prosta, wystarczy wskazad link do danej strony. 5