트위터 비디오 공유 시 알아두어야 할 몇 가지 트위터 메타 태그를 소개하겠습니다.
이름 |
설명 |
twitter:card |
트위터 카드의 유형으로 비디오 공유 시 'player'값을 사용해야 합니다. |
twitter:title |
해당 콘텐츠가 카드에 표시 될 떄의 제목입니다. |
twitter:site |
트위터 @username에 기인합니다. |
twitter:description |
해당 콘텐츠의 내용 설명 |
twitter:player |
iframe 플레이어에 대한 HTTPS URL 웹 브라우저에서 활성 혼합 경고 메시지를 생성하지 않는 HTTPS URL이어야 합니다. |
twitter:player:width |
트위터에 지정된 iframe의 너비:픽셀 단위의 플레이어 |
twitter:player:height |
트위터에 지정된 iframe의 높이:픽셀 단위의 플레이어 |
twitter:image | iframe 또는 인라인 플레이어를 지원하지 않는 플랫폼에서 플레이어 대신 표시할 이미지. 이 이미지를 플레이어와 동일한 크기로 만들어야 합니다. |
사용 예시)
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@walkman">
<meta name="twitter:title" content="트위터 비디오 공유 테스트!">
<meta name="twitter:description" content="공유 테스트입니다.">
<meta name="twitter:image" content="http://sn98141.dothome.co.kr/img/waterflower.jpg">
<meta name="twitter:player" content="https://www.youtube.com/embed/F53CyZgHRuU">
<meta name="twitter:player:width" content="600">
<meta name="twitter:player:height" content="360">
결과)
- 재생버튼을 누르면 트위터 게시글 안에서 플레이어를 생성하여 바로 동영상을 볼 수 있습니다.
'스마트웹앱콘텐츠전문가 > SNS 개발 프로그램' 카테고리의 다른 글
[트위터 공유]모바일 공유 링크 (0) | 2018.05.08 |
---|