겨울왕국 웃긴 순간들

티스토리 동영상 iframe 사이즈 PC 모바일 자동 조절 태그

 

 

iframe으로 블로그에 동영상을 넣고 나서

모바일을 확인해보니 동영상이 화면 밖으로 나가버리는 

현상이 발생했습니다. 

 

 

 

여러가지 방법이 많이 있었지만 아래 태그를 사용하니

바로 제대로 보이네요.^^

 

 

iframe src=0000부분에 가져온 동영상 주소를 넣어주면 됩니다. 

유튜브뿐만 아니라 iframe형태면 다 되네요.

 

---

 

<style> .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> 

<div class="embed-container">
<iframe src="https://www.youtube.com/embed/r6IjVTRG79g" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>
</div>

 

https://1730.tistory.com/34

반응형 블로그 동영상 크기 자동 조절 (iframe,object,embed)

 

---

 

 

 

 

동영상 가져오면 모바일로도 꼭 확인해보세요.

티스토리는 iframe 태그를 꼭 넣어주어야 되나 봅니다.