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

직접올리는 동영상의 경우

 

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://blog.kakaocdn.net/dna/bugYOL/hyYcbVjX6d/AAAAAAAAAAAAAAAAAAAAAFXaNT4oDnMVGhDj9Y26NZwxUjxDYxMXPjcZA-Sx8lFP/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1751295599&allow_ip=&allow_referer=&signature=lkWIfnIRr4s6UmP%2F%2BiJbUeodCKA%3D" 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>