구글 블로그 AMP에서 유튜브 동영상을 표시하려면 먼저
<head> 와 </head> 태그 사이에 아래
스크립트 코드를 추가하세요. 이 코드가 없으면 유튜브 동영상이 표시되지
않습니다.
<script async="async" custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"/>
게시물에 아래 코드 태그를 추가하면 크기와 배치를 원하는대로 조정할 수 있습니다.
<amp-youtube data-videoid="xxxxxxxxxxx" width="480" height="270" layout="responsive"/>
마킹 표시된 부분은 유튜브 비디오 URL에서 가져온 11자리 코드입니다.
<amp-youtube/> 에서 지원하는 레이아웃은 다음과 같습니다.
- fill
- fixed
- fixed-height
- flex-item
- nodisplay
- responsive