생활 웹디자인

코스 전체목록

닫기

비디오 타입

해당영역과 html구조

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

 

{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 자세히 보기