스마트웹앱콘텐츠전문가/SNS 개발 프로그램

[메타태그]트위터 비디오 공유

9D4U 2018. 5. 3. 13:27
728x90
반응형

 

트위터 비디오 공유 시 알아두어야 할 몇 가지 트위터 메타 태그를 소개하겠습니다.


이름 

설명 

 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"> 


결과)

 - 재생버튼을 누르면 트위터 게시글 안에서 플레이어를 생성하여 바로 동영상을 볼 수 있습니다.

728x90