본문 바로가기

개발/etc

html 태그를 이용한 유튜브 간단한 재생

반응형

이번 포스팅에서는 embed태그를 이용해서 간단히 유튜브 재생화면이 웹에 띄우는 내용을 다룹니다.


embed태그는 외부 애플리케이션을 삽입하는데 사용합니다.


<embed src="URL주소"> 이런식으로 사용하며 종료태그가 없는 태그중에 하나입니다.


그럼 유튜브 페이지로 이동!



1. 마음에 드는 영상을 하나 골라 들어가보세요


2. 영상 제목 우측 하단에보면  [공유] 버튼이 있습니다. 클릭!




3. [<> 퍼가기] 버튼을 클릭해주세요. 






4.  아래 빨간선 부분이 해당 영상의 링크 주소입니다. 복사하세요. 


5. 이번에도 간단하게 메모장으로 진행합니다. 아래 소스에 


<embed src="복사한 유튜브영상 링크 넣으세요" 

width="560" height="315" allownetworking="internal" allowfullscreen="true">



6. 해당 코드를 넣어 메모장을 html형식으로 저장후 열어보세요. 완성!




다음 포스팅은 내가 원하는 검색어 결과를 유튜브 영상이 출력되도록 api를 이용해보도록 하겠습니다.

참고할 api 정보는 원하는 검색어로 유튜브 검색 결과 데이터 가져오는 api (tistory.com) 해당 포스팅을 참고하면 됩니다. 

반응형