유튜브 영상 삽입 방법
- Shortcode를 이용한 유튜브 영상 삽입 방법을 안내드립니다.Shortcode 이용이 어려운 고객분들은 관리자 페이지의 디자인관리에서 유튜브 영상을 쉽게 넣을 수 있으니 해당 기능을 이용해주시면 되겠습니다.
Shortcode를 이용하게 되면 반응형 사이트 개발시 분기점을 추가할 수 있으며 몇가지 추가 속성을 이용하실 수 있습니다.
예시)[youtube-video url="https://www.youtube.com/embed/G-rzE-9zHj8?controls=0&rel=0" style="{'default':{'vertical-ratio':'56.25%'}}" hide-controls][/youtube-video]
1. StyleStyle은 Json 형태로 입력하시면 됩니다.'default'는 기본 스타일이며 분기점을 추가할 경우 다음과 같이 이용하실 수 있습니다.
style="{'default':{'vertical-ratio':'56.25%'},'@media screen and (max-width:767px)':{'vertical-ratio':'75%'}}"vertical-ratio 속성은 원래 CSS에서는 없는 속성이나 솔루션 내에서 가로 대비 세로 비율을 맞춰주는 코드이니 편하게 사용하실 수 있습니다.이외 CSS Style의 모든 속성은 자유롭게 입력하시면 되겠습니다.
2. hide-controls해당 속성을 추가하면 embed된 유튜브의 영상 상단의 타이틀 및 하단의 controls 부분을 숨김처리하여 유튜브 영상임을 알기 어렵게 하며 깔끔한 영상을 보여줄 수 있습니다.