유튜브 iframe 삽입시 사이즈 자동조절
처음 만들어 봤습니다.
유튜브/비메오/트위치/Gfycat/Streamable 영상 Iframe 으로 삽입시 사이즈 자동 조절 합니다.
워낙 간단한 애드온이라 설명할게 딱히 없네요.
문제 있으면 댓글 남겨주시면 고쳐 보겠습니다.
원하시는 스트리밍 사이트가 있으면 추가 해볼께요.
-v 0.3
Streamable 추가
ps. iframe 삽입전에 시스템설정 > 보안설정 > iframe 에 해당 사이트를 추가 해주시기 바랍니다. 안하시면 태그 다 날아 갑니다.
오토씽
Lv. 6
댓글 13
려서 CSS를
.youtubeWrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.youtubeWrap iframe,.youtubeWrap object,.youtubeWrap embed { position:absolute; top:0; left:0; width:100%; height:90%; }
교체를 하니 작동이 잘 되었습니다. 혹시 화면이 밀려 나는 분들은 수정해보세요^^
너무 좋습니다. 고맙습니다.