반응형
요구사항
- 유튜브에서 검색 결과를 가져온다.
- q = '아티스트명(artist name) offical' (ex. 밴드코로나)
- order = viewCOunt
- type = video
- vedioDefinition = high
- 왼쪽에 1개의 동영상을 플레이어로 출력한다.
- 오른쪽에 10개의 비디오를 리스트 형식으로 출력한다.
See the Pen Youtube Search Example by Hyejin Oh (@mmt-zinee) on CodePen.
참고
- iframe API
- https://developers.google.com/youtube/iframe_api_reference?hl=ko
- https://developers.google.com/youtube/player_parameters?playerVersion=HTML5&hl=ko#Parameters
- Data API v3 > Search
- https://developers.google.com/youtube/v3/docs/search/list?hl=ko
- Best practices for securely using API keys
- https://support.google.com/cloud/answer/6310037
반응형
'개발일지 > Web' 카테고리의 다른 글
[Dev] jekyll 테크 블로그 스타일 커스텀 (0) | 2017.06.18 |
---|---|
[Dev] Email Edit Tool 개발일지 (0) | 2016.09.06 |
[Youtube] 유튜브 권장 최소 크기 200x200 픽셀 (0) | 2016.07.22 |
[Gulp] Gulp 시작하기 (0) | 2016.07.19 |
[Gulp] Gulp install, version check error (hello world 예제 오류) (0) | 2016.07.19 |