youtube API로 웹페이지에 플레이리스트 삽입하기
Web/JavaScript+Node.js

youtube API로 웹페이지에 플레이리스트 삽입하기

: 해당 질문들은 그냥 iframe 태그로 바로 삽입하면 아주 쉽게 해결되지만..뭔가 개발자된 도리로써 곧죽어도 js API로 삽입하고 싶었달까..  생각보다 유튜브 개발 문서는 생략된 내용이 많았다 광광..

 

1. 유튜브 api로 유튭 플레이리스트도 삽입할 수 있는가?

 

https://stackoverflow.com/questions/5123143/how-to-play-a-playlist-using-youtube-javascript-api

 

How to Play a Playlist using YouTube JavaScript API

I'm trying to play a youtube playlist using this JavaScript API for iframe-embeds introduced this January. http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html Note the if...

stackoverflow.com

 

가능. videoID 말고 playerVars 객체로 playlist ID 넘겨주면 된다.

 

 

 

2. 하나의 js파일로 한 페이지에 여러개 유튜브 영상 embed가 가능한가?

 

https://stackoverflow.com/questions/17012886/loading-multiple-video-players-with-youtube-api

 

loading multiple video players with youtube api

I need to load more than one video with youtube's API. This is my first time using it so I'm not sure what I'm doing wrong, but this is what I'm trying: var player; var player2; function

stackoverflow.com

:역시 가능. div id로 플레이어 변수 다르게 지정하고, youtubeIframeAPIReady함수에서 변수 여러개 설정하면 된당.

 

삽질 목록: scirptTag바꾸기, YoutubeIframeAPIReady함수 두개 만들기.

 

 

+) 영상 삽입하기 위해 html 문서에서 div에서는 무조건 id를 써야 한다. class쓰고 안된다고 띵깡부리지말것.

 

 

결론: stackoverflow 개짱 + 당신이 가진 모든 의문은 이미 누군가가 백만년전에 stackoverflow에 물어봤을 것이니 바보같이 붙잡고 있지 말고 그냥 서치를 하시오.

 

 

'Web > JavaScript+Node.js' 카테고리의 다른 글

URL에 대한 이해  (0) 2021.08.30
youtube player API 적용하는 방법  (0) 2020.08.14
VanillaJS 로 크롬 앱 제작하기  (0) 2020.08.10
Vanilla JavaScript 기초  (0) 2020.07.18