Facebook 또는 Twitter에 동영상을 공유하고 싶지만 Vimeo 동영상 페이지 대신 자신의 웹사이트로 링크를 걸고 싶다면 웹사이트 코드의 <head> 요소에 추가 코드를 입력해야 합니다.
아래에는 Facebook의 오픈 그래프 동영상 태그 및 Twitter의 플레이어 카드 태그 템플릿입니다. 볼드체의 정보를 업데이트하여 동영상의 메타데이터와 일치하는지 확인한 후 웹사이트의 <head> 코드에 추가합니다.
참고하세요:이전에 Facebook 또는 Twitter에 자신의 웹사이트 링크를 공유한 바가 있는 경우에는re-cache작업을 마쳐야지만 동영상이 포스팅에 나타압니다.
Facebook용 오픈 그래프 태그
오픈 그래프 태그에 대한 Facebook 문서를 확인하실 것을 권장합니다.
<meta property="og:site_name" content="SITE_NAME">
<meta property="og:url" content="VIDEO_URL">
<meta property="og:type" content="video">
<meta property="og:title" content="VIDEO_TITLE">
<meta property="og:description" content="VIDEO_DESCRIPTION">
<meta property="og:image" content="VIDEO_THUMBNAIL_URL">
<meta property="og:image:secure_url" content="VIDEO_THUMBNAIL">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="VIDEO_THUMBNAIL_WIDTH">
<meta property="og:image:height" content="VIDEO_THUMBNAIL_HEIGHT">
<meta property="og:video:url" content="https://player.vimeo.com/video/VIDEO_ID?autoplay=1">
<meta property="og:video:secure_url" content="https://player.vimeo.com/video/VIDEO_ID?autoplay=1">
<meta property="og:video:type" content="text/html">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<meta property="og:video:url" content="https://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&autoplay=1">
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&autoplay=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
Twitter 플레이어 카드 태그
플레이어 카드에 대한 Twitter 문서를 확인하실 것을 권장합니다.
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@vimeo">
<meta name="twitter:title" content="VIDEO_TITLE">
<meta name="twitter:description" content="VIDEO_DESCRIPTION">
<meta name="twitter:image" content="LINK_TO_THUMBNAIL">
<meta name="twitter:player" content="https://player.vimeo.com/video/VIDEO_ID">
<meta name="twitter:player:width" content="1280">
<meta name="twitter:player:height" content="720">
<meta name="twitter:site" content="@vimeo">