1. 자동 생성해주는 웹사이트
embedresponsively.com : http://embedresponsively.com
2. 블로거 꿈쟁이(cyclo80916)님의 글 : https://blog.naver.com/cyclo80916/220120445344
<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="http://www.youtube.com/embed/bE52Nr2Ok5k" frameborder='0' allowfullscreen></iframe></div>
3. CMS FACTORY의 글 : https://www.cmsfactory.net/node/20765
<style>
.youtubeWrap {position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubeWrap iframe {position: absolute; width: 100%; height: 100%;}
</style>
<div class="youtubeWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/bE52Nr2Ok5k" frameborder="0" allowfullscreen></iframe>
</div>
'HTML & Publishing' 카테고리의 다른 글
[HTML] pre, code 태그 (0) | 2018.06.17 |
---|---|
중국어/중문/간체/번체/중문 폰트/중문 글꼴 (0) | 2018.03.03 |
SNS 아이콘 아미지 모음 (0) | 2018.01.14 |
호스팅 php 버전 체크방법 (0) | 2018.01.11 |
php : get, post method (0) | 2017.12.31 |