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

[구글오프라인모임] IT로 평생직업을 준비하라

1. 주제 : IT로 평생직업을 준비하라

2. 일시 : 2017년 8월 10일 저녁 7시30분

3. 장소 : 교회정보기술연구원(서울 묵2동, 7호선 먹골역)

4. 대상 : 1인기업, 스타트업 기업, 창업을 준비하는 개인, 창직을 준비하는 개인

5. 신청 : http://googler.pe.kr/wordpress/index.php/archives/20070

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

 

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

그림입니다.<br /> 원본 그림의 이름: CLP00000838000a.bmp<br /> 원본 그림의 크기: 가로 1020pixel, 세로 404pixel

http://embedresponsively.com/#googlemaps

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

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

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

그림입니다.<br /> 원본 그림의 이름: CLP00000838000b.bmp<br /> 원본 그림의 크기: 가로 656pixel, 세로 489pixel

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

http://embedresponsively.com/#googlemaps

그림입니다.<br /> 원본 그림의 이름: CLP00000838000c.bmp<br /> 원본 그림의 크기: 가로 1006pixel, 세로 655pixel

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>

그림입니다.<br /> 원본 그림의 이름: CLP00000838000d.bmp<br /> 원본 그림의 크기: 가로 601pixel, 세로 308pixel

이동현 원장

구글오프라인 사용자 모임 대표, (사)교회정보기술연구원 원장, (사)한국교회 언론회 정보통신 전문위원, (사)한국교회연합회 SNS위원장, [저서] 구글완전정복1(이론편), 구글완전정복2(실전편), 구글완전정복3(교사편), 트위터와 페이북의 선교적활용, 스마트전도법