생활 웹디자인

비디오 타입

해당영역과 html구조

미리보기 : http://plyfly.tumblr.com/post/60175904893

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{block:Video}
<div class="video">
<div class="type">VIDEO</div>
<div class="box">
{Video-500}
{block:Caption}{Caption}{/block:Caption}
</div>
<div class="meta">
<div class="videothumbnail">
<p>video thumbnail</p>
{block:VideoThumbnail}
<img src="{VideoThumbnailURL}" />
{/block:VideoThumbnail}
</div>
<div class="videothumbnails">
<p>video thumbnails</p>
{block:VideoThumbnails}
<img src="{VideoThumbnailURL}" />
{/block:VideoThumbnails}
</div>
play count:{PlayCount} / formatted play count:{FormattedPlayCount} / play count width label:{PlayCountWithLabel}
</div>
</div>
{/block:Video}

변수 설명

{block:Video} ... {/block:Video}
비디오타입의 포스트를 생성합니다.

{Video-500}
가로사이즈 500pixel의 임베디드 코드

{block:Caption} ... {/block:Caption}
캡션이 존재한다면 출력합니다.

{Caption}
캡션

{block:VideoThumbnail} ...  {/block:VideoThumbnail}
비디오 섬네일이 존재한다면 출력합니다.

{block:VideoThumbnails} ... {/block:VideoThumbnails}
비디오 섬네일이 여러개 존재할때 반복해서 출력합니다.

{VideoThumbnailURL}
비디오 섬네일 주소

{PlayCount}
해당 포스트가 재생된 횟수.

{FormattedPlayCount}
해당 포스트가 재생된 횟수. 콤마 구분
e.g., "12,309"

{PlayCountWithLabel}
해당 포스트가 재생된 횟수. 콤마와 복수형 라벨로 지장
e.g., "12,309 plays"

댓글

댓글 본문
  1. 소현
    혹시,
    영상 썸네일말고 위의 사진처럼 영상 위에 플레이 버튼이 보이도록 할 수 있는 방법 알 수 있을 까요 ?

    편집 문제 인가요 아니면 코딩을 따로 해줘야 하나요 ?
버전 관리
리체
현재 버전
선택 버전
공동공부
graphittie 자세히 보기