Responsive Youtube
...body
<div style="margin: 0px auto; max-width:780px;background-color: #FFF;padding-bottom: 50px;">
<style type="text/css">
.embed-container iframe,
.embed-container object,
.embed-container embed {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 93%;height: 100%;}
</style>
<div class="embed-container" style="position: relative; padding-bottom: 52.23%; max-width: 100%; height: 0px; overflow: hidden">
<iframe allowfullscreen="" frameborder="0" height="376"
src="https://www.youtube.com/embed/s-3e17Bxj74?rel=0" title="동영상" width="100%">
</iframe>
</div>
</div>
...body
원본: https://gist.github.com/ferrari219/a0d9eb88a322d4c4c710c5c2f2900a5e
728x90
'프로그램 강좌' 카테고리의 다른 글
[ES6]Arrow function (화살표 함수) (0) | 2019.04.17 |
---|---|
마크다운 문법 정리2 (0) | 2019.04.13 |
마크다운 문법 정리1 (0) | 2019.04.11 |
[윈도우]R Studio 설치하기 (0) | 2018.12.11 |
[윈도우]R 설치하기 (0) | 2018.12.10 |