유튜브주소를 임베드로 쉽게 만들기

유튜브주소를 임베드로 쉽게 만들기

  구글유튜브나 인터넷의 다양한 서비스들을 임베드 주소를 만들어 홈페이지에 넣어야 할 경우가 있다. 이런 경우 쉽게 적용할 수 있는 사이트이다.

http://embedresponsively.com/#googlemaps

1. 임베드을 만들고자 하는 주소를 입력한다.

동영상 url 복사하기를 클릭한다. 아래는 복사된 주소이다.

https://www.youtube.com/watch?feature=player_detailpage&list=PLI6bDyv0uVQCVpIFyPf0aoN1zKij60INo&v=Ae2d3aSpG5Y

2. 임베드사이트에 들어간다.

http://embedresponsively.com/#googlemaps

3. 임베드코드값을 복사한 후 홈페이지나 블로그에 붙여넣는다.

물론 유튜브에서도 해당 코드을 복사할 수 있지만 이 사이트을 통해 구글 유튜브외에 임베트할 수 있다.

<style>.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://www.youtube.com/embed/Ae2d3aSpG5Y' frameborder='0' allowfullscreen></iframe></div>