티스토리 동영상 크기 조절 코드

직접올리는 동영상의 경우

 

div 반응형으로 설정해주어야한다.

 

<div style="position: relative; max-width: 300px; margin: 0 auto;">
<figure data-ke-type="video" data-ke-style="alignLeft" data-video-host="kakaotv" data-video-url="https://tv.kakao.com/v/452754393" data-video-thumbnail="https://scrap.kakaocdn.net/dn/bugYOL/hyYcbVjX6d/kx6L5gkEihwsk12K2FZC40/img.jpg?width=888&amp;height=1920&amp;face=0_0_888_1920,https://scrap.kakaocdn.net/dn/qQYao/hyYcjlwkoQ/RjcUTe0M1fupkty5xuSqJk/img.jpg?width=888&amp;height=1920&amp;face=0_0_888_1920" data-video-width="100%" data-video-height="100%" data-video-origin-width="100%" data-video-origin-height="100%" data-ke-mobilestyle="widthContent" data-video-play-service="daum_tistory">
   <iframe style="width: 100%;" 
           src="https://play-tv.kakao.com/embed/player/cliplink/452754393?service=daum_tistory" 
           frameborder="0" 
           allowfullscreen="true">
   </iframe>
   <figcaption>동영상왜이래</figcaption>
</figure>
</div>