유니콘 스킨 뉴에디터에서 유튜브 영상 비율 맞추기

기존에는 글 작성 에디터의 HTML 모드에 영상의 소스코드를 붙여넣고, 해당 iframe 태그를 <div class="youtube"></div>로 감싸주는 귀찮은 방법을 사용했었는데요.

이젠 에디터의 기본 모드에 영상의 주소를 입력하고 엔터를 치면(이때 멈춰있는 이미지 같은 iframe이 생성됩니다) 자동으로 영상 크기, 비율을 맞춰줄 수 있습니다. 아래의 코드를 CSS 편집창에 넣어주시면 됩니다 :-)

단 뉴에디터에서만 작동하는 점 참고 바랍니다!

 

figure[data-ke-type="video"]{position: relative; width: 100%;	padding-bottom: 56.25%;}
figure[data-ke-type="video"] iframe{position: absolute; left:0; width: 100%; height: 100%;}