<devsite-video> 맞춤 요소를 사용하여 YouTube 동영상을 문서에 삽입할 수 있어 사용자가 iframe에서 콘텐츠를 볼 수 있습니다. 이 위젯은 사용 통계를 추적하고 Google 애널리틱스로 전송합니다.
기본
다음은 <devsite-video>를 div 요소로 래핑하고 class 속성을 video-wrapper로 설정하는 기본 삽입 YouTube 동영상의 예입니다.
대형 화면에서 동영상은 콘텐츠 영역 너비의 50% 이며 동영상이 앞에 나오는 콘텐츠의 오른쪽에 떠 있습니다. 작은 화면에서는 동영상이 콘텐츠 영역 너비의 100% 입니다.
떠다니는 효과
이 동영상은 class 속성을 video-wrapper-left로 설정하여 그 앞에 있는 콘텐츠의 왼쪽에 떠 있습니다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco Laboris nisi ut aliquip ex ea commodo consequat. Duos aute irure dolor in reprehenderit in voluptate velit esse cllm dolore eu fugiat nulla pariatur. 받고 싶은 사람으로 표시해서는 안 되는 옥타페카 큐티다트(culpa qui officia deserunt mollit anim id est Laborum)
전체 너비
이 동영상은 콘텐츠 영역 너비의 100% 이며 class 속성을 video-wrapper-full-width로 설정하여 동영상이 재생되는 모든 콘텐츠의 레이아웃에 영향을 주지 않습니다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco Laboris nisi ut aliquip ex ea commodo consequat. Duos aute irure dolor in reprehenderit in voluptate velit esse cllm dolore eu fugiat nulla pariatur. 받고 싶은 사람으로 표시해서는 안 되는 옥타페카 큐티다트(culpa qui officia deserunt mollit anim id est Laborum)